Namun sayangnya untuk pengguna template AMP kebingungan bagaimana menerapkannya pada template blognya, karena mereka takut jikalau script yang disediakan pihak Google AdSense dapat menyebabkan halaman jadi tidak valid AMP.
Karena kalian sudah mampir di artikel ini, jadi akan saya beri tau tutorialnya dan ini juga jelas valid AMP.
Cara ini tidak melanggar aturan Adsense (baca: Tips untuk Iklan di Halaman AMP oleh pihak Ampproject.org) dan sebagai alternatif karena pihak Adsense sendiri tidak menyediakan solusinya (hingga tulisan ini terbit). Langsung saja yuk!
Ikuti langkah-langkah pasang iklan adsense page-level ads ini dengan runtut dan teliti:
1. Copy paste kode ini ke bagian <head> ... </head> di laman edit HTML:
<script async='async' custom-element='amp-sticky-ad' src='https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js'/>
2. Copy paste kode berikutnya di atas </body>
<b:if cond='data:blog.isMobileRequest == "true"'> <amp-sticky-ad layout='nodisplay'> <amp-ad data-ad-client='ca-pub-1234567891234567' data-ad-slot='1234567890' height='50' type='adsense' width='320'/> </amp-sticky-ad> </b:if>
Note! Ganti nomor data-ad-client dan data-ad-slot sesuai dengan nomor publisher dan slot iklan kalian.
3. Jika sudah, Simpan dan silakan cek munculannya di HP kalian masing-masing
Bagaimana, mudah sekali bukan? Untuk contohnya atau demonya, buka saja blog ini via mobile, dan scroll ke bawah.
Baca juga:
Semoga bermanfaat, Amin!
Referensi: ampproject.org
Open Disqus Close Disqus