Seperti kode lainnya, pemasangan iklan pada template berbasiskan AMP (Accelerated Mobile Pages) tidak seperti biasanya. Bahkan untuk memasang iklan adsense milik Google pun berbeda. Kita tidak bisa mengambil kode Adsense dan meletakkannya di template AMP. Jika itu dilakukan, maka sudah pasti akan eror.
Lalu bagaimana cara memasang iklan adsense pada template AMP?
Maka pada kesempatan ini, izinkan kami untuk mengurai cara memasang iklan adsense pada template berbasiskan AMP. Pertama-tama hal yang musti sahabat perhatikan adalah memastikan terlebih dahulu bahwa sahabat mempunyai akun adsense…hehe [pastilah, gimana mau masang iklan jika tidak punya… ??]
Selanjutnya, letakkan kode berikut ini pada template blog sahabat, tepatnya di tag head. Walau biasanya kode ini sudah terpasang, namun apa salahnya jika dicek terlebih dahulu.
<script async='async' custom-element='amp-ad' src='https://cdn.ampproject.org/v0/amp-ad-0.1.js'/>
Jika langkah di atas sudah dilakukan, maka sekarang tinggal memasang unit iklan adsense tersebut. Untuk memasangnya, sahabat harus mengikuti kode berikut ini [contoh: iklan adsense ukuran 300 x 250]:
<amp-ad width="300" height="250"
type="adsense"
data-ad-client="ca-pub-xxxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxx">
</amp-ad>
Silahkan sahabat ganti ukuran iklannya dengan merubah angka 300 dan 250 di atas beserta nomor unit iklan adsense sahabat ca-pub-xxxxxxx dan slotnya [ganti xxxx dengan nomor milik anda].
Adapun untuk layouting, silahkan pilih: fill, fixed, fixed-height, flex-item, nodisplay, responsive
Demikian Cara Memasang Iklan Adsense valid AMP. Semoga bermanfaat…