Accelerated Mobile Pages atau yang lebih dikenal sebagai AMP merupakan halaman web yang di desain menggunakan AMP HTML yang dirancang lebih ringan dengan kecepatan akses loading web pada mobile sangat cepat.
AMP diperkenalkan google pada tahun 2016, dan terus dikembangkan oleh google hingga saat ini. Kabar terbarunya, JavaScript bisa digunakan pada halaman web AMP, ini merupakan kabar yang sangat dinanti-nanti para developer web berbasis AMP dan saya juga, sebab saya juga menggunakan AMP di salah satu blog yang saya kelola.
Kalau blog kamu juga menggunakan AMP, kamu harus berhati-hati dan sabar, karena tidak semua script bisa di copy paste langsung, misalnya untuk mengupload gambar kamu tidak bisa langsung mempublikasikannya, kamu harus menyesuaikannya terlebih dulu agar tidak eror.
Sementara untuk memasang iklan adsense pada halaman AMP juga harus menyesuaikannya terlebih dulu, karena jika kode yang diberikan google adsense langsung dipasang pada halaman AMP akan menyebabkan eror.
Agar tidak terjadi eror saat memasang iklan adsense, langsung saja simak tutorialnya di bawah!
Cara Memasang Iklan AdSense Valid AMP
1. Buka dashboard blogger kamu.
2. Pilih menu Tema > Edit HTML.
3. Tempel kode di bawah, tepat di antara kode <head> dan </head>.
<script async='async' custom-element='amp-ad' src='https://cdn.ampproject.org/v0/amp-ad-0.1.js'></script>4. Simpan.
Macam-macam Ukuran Iklan
#Responsive
<amp-ad data-ad-client='ca-pub-1234567891234567' data-ad-slot='1234567890' data-auto-format='rspv' data-full-width='' height='320' media='(max-width: 736px)' type='adsense' width='100vw'>
<div overflow=''/>
</amp-ad>
a. height='320' artinya tinggi maksimal dari iklan adalah 320 piksel.
b. width='100vw' artinya iklan akan mengisi mengisi keseluruhan ruang pada container, termasuk mengisi margin.
b. width='100vw' artinya iklan akan mengisi mengisi keseluruhan ruang pada container, termasuk mengisi margin.
#Fixed Ad
<amp ad layout='fixed'
data-ad-client='ca-pub-1234567891234567'
data-ad-slot=1234567890'
height='280' width='336'>
</amp-ad>
a. layout='fixed' artinya iklan ini membutuhkan height dan width, contohnya iklan 336 x 280.
#Fixed-Height Ad
<amp ad layout='fixed-height'
data-ad-client='ca-pub-1234567891234567'
data-ad-slot='1234567890'
height='250'>
</amp-ad>
a. layout='fixed-height' artinya iklan tidak membutuhkan width, sebab lebar iklan akan menyesuaikan format iklan yang dipilih, contohnya iklan native.
Pilih kode iklan mana yang ingin kamu pasang pada blog atau juga bisa memasang semua kode iklan di atas pada blog kamu. Lalu, simpan.
