Meski blog saya ini belum ada kejelasan dari pihak Google Adsense mengenai permohonan saya mendaftar menjadi publisher Adsense, namun tidak mengendurkan semangat saya untuk menjalankan hobby blogging saya. Mudah-mudahan setelah saya mengulas mengenai Cara Memasang Kode Iklan Adsense di Blog AMP ini dalam waktu singkat pihak Google Adsense dapat memberi kejelasan mengenai permohonan saya mendaftar sebagai publisher Adsense. Syukur-syukur permohonan saya di approved hehehe (berharap) 😅😅😅...
Sebelumnya saya sempat nyimak postingan di blognya Bang Adhy Suryadi (Kompi Ajaib) yang membahas tentang Membuat Unit Iklan Adsense Untuk Blog AMP HTML, saya sangat tertarik untuk berbagi juga mengenai hal yang sama. Ya anggaplah postingan ini merupakan penyambung lidah mastah seperti Bang Adhy Suryadi kepada para blogger pemula seperti saya ini. Meski pembahasan kali ini sudah banyak juga di bahas di blog-blog mastah yang sudah lebih dulu bertebaran di mesin pencari, namun tidak ada salahnya jika saya ingin mengulasnya juga.
Ok kalau begitu saya kembalikan ke inti dari pembahasan kali ini yaitu Cara Memasang Kode Iklan Adsense di Blog AMP. Yang pertama harus kita ketahui adalah penempatan kode iklan di blog HTML selain AMP cukup berbeda jika di banding dengan penempatan kode iklan pada blog yang sudah suppport AMP.
Jika sobat masih merasa bingung dalam menempatkan unit iklan Adsense di blog AMP jangan khawatir, mari simak sampai dengan penghujung postingan ini.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:inline-block;width:120px;height:600px"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>Kode yang block kuning di atas adalah kode yang diperlukan untuk unit amp-ad.
Untuk Tampak Atas Layar (Above The Fold)
Tampak layar atas atau yang biasa disebut above the fold adalah tampilan layar begitu blog terbuka (tampilan yang pertama terlihat sebelum layar discroll 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 adalah iklan dengan tinggi di rentang 100px.Silahkan gunakan kode amp-ad seperti di bawah ini
<amp-ad
layout="fixed-height"
height="100"
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>Gunakan data-ad-client dan data-ad-slot unit iklan Adsense sobat.
Untuk Iklan Di Tampak Layar Setelah Di-scroll (Below The Fold)
Below the fold adalah bagian 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 saya menggunakan layout="fixed-height" sehingga iklan yang muncul adalah iklan yang memiliki tinggi di rentang 250px.
Silahkan gunakan kode amp-ad seperti di bawah ini
<amp-ad
layout="fixed-height"
height="250"
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>Gunakan data-ad-client dan data-ad-slot unit iklan Adsense sobat.
Dan pastikan sobat sudah memasang js amp-ad di bawah ini di atas kode </head>
<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>Demikian pembahasan postingan kali ini mengenai Cara Memasang Kode Iklan Adsense di Blog AMP. Semoga bermanfaat dan tidak lupa juga saya ucapkan kepada Bang Adhy Suryadi, karena telah membagikan tutorial tersebut melalui blognya dan dengan itu saya pun dapat membagikan kembali kepada para sobat yang mengunjugi blog saya ini.