- Akhirnya ada kesempatan menulis di blog ini tepatnya di bulan ramadhan, Alhamdulillah. Singkat saja, beberapa waktu lalu aku coba menggunakan AMP template di blog yang lain, walaupun masih menggunkan template free tapi ini cukup membantu aku untuk memahami bagaimana cara penggunaan AMP template blogger.
AMP template blogger bekerjsama hampir sama dengan template pada umumnya (jika tidak jeli), hanya saja ada yang berbeda pada penerapan arahan iklan AdSense. Nah, hal tersebut yang akan aku share dalam goresan pena kali ini yakni bagaimana cara pasang arahan iklan AdSense di AMP template blogger.
Awalnya aku menerapkan arahan iklan AdSense di AMP template blogger dengan menggunakan arahan iklan pribadi dari laman AdSense. Saya pikir semuanya baik-baik saja, alasannya yaitu iklan tetap muncul tanpa kendala. Namun, di hari berikutnya tepatnya di Search Console ada pesan yang mengatakan "Kesalahan di laman AMP". Ternyata kesalahan tersebut berasal dari kesalahan penerapan arahan iklan AdSense di AMP template blogger.
Saya pun mencoba memperbaiki dengan mengikuti beberapa tautan dari Search Console, ternyata cara penerapan arahan iklan AdSense di AMP template blogger berbeda dengan template pada umumnya. Lalu bagaimana cara pasang arahan iklan AdSense di AMP Template Blogger? Berikut langkah-langkah nya:
1. Pastikan Anda sudah memasang js amp-ad
Tempatkan script berikut di template blog Anda sempurna di atas arahan </head><script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
2. Untuk Tampak Atas Layar (Above The Fold)
Tampak layar atas atau above the fold yaitu tampilan layar begitu blog terbuka (tampilan yang pertama terlihat sebelum layar digulung ke bawah). Untuk unit iklan pada tampak layar atas ini (misalnya iklan di bawah header), sangat direkomendasikan untuk menggunakan unit iklan dengan fixed-height 100px (lebar iklan akan mengikuti lebar tempatnya berada, sementara tingginya akan tetap 100px). Dengan begitu, iklan yang tampil yaitu iklan dengan tinggi di rentang 100px.Silahkan Anda gunakan arahan amp-ad ibarat di bawah ini :
<amp-ad
layout="fixed-height"
height="100"
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>
layout="fixed-height"
height="100"
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>
Jangan lupa di ganti data-ad-client dan data-ad-slot dengan iklan AdSense Anda.
3. Untuk Iklan Di Tampak Layar Setelah Di-scroll (Below The Fold)
Below the fold yaitu bab layar yang tampil setelah halaman di-scroll. Biasanya iklan ini di simpan di bawah postingan atau di atas dan di bawah komentar.Untuk iklan ini dianjurkan untuk menggunakan unit iklan dengan tinggi 250px. Di sini aku menggunakan layout="fixed-height" sehingga iklan yang muncul yaitu iklan yang memiliki tinggi di rentang 250px.
Silahkan Anda gunakan arahan amp-ad ibarat di bawah ini :
<amp-ad
layout="fixed-height"
height="250"
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>
layout="fixed-height"
height="250"
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>
Jangan lupa di ganti data-ad-client dan data-ad-slot dengan iklan AdSense Anda.
Semoga bermanfaat.
