Cara Memasang Iklan AdSense di Blog AMP

AMP atau Accelerated Mobile Page merupakan inovasi yang dikeluarkan oleh Google dengan tujuan memberikan akses lebih cepat terhadap pengguna internet dengan perangkat mobile. Hal tersebut tentunya harus membuat para blogger untuk beralih blognya dengan mode AMP.

Prinsip penggunaan metode AMP ini  sebenarnya sama menggunakan HTML, tetapi ada perbedaan dibandingkan dengan HTML umumnya karena terdapat pembatasan seperti pemasangan kode javascript. Pembatasan tersebut, maka kode untuk pemasangan iklan AdSense pada blog dengan template AMP mengalami perubahan.

Bagi Anda yang baru saja menerapkan blog AMP, sebenarnya untuk memasang iklan AdSense cukup mudah, hanya perlu mengambil kode ads-client dan kode slot yang terdapat di Google AdSense, kemudian memasangnya di kode HTML AMP. Berikut merupakan cara pemasangan kode iklan AdSense untuk blog AMP. Pada pemasangan iklan AdSense sebelumnya nampak akan terlihat kode scrip di bawah ini:
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxxxxxx"
data-ad-slot="1234567890"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
 
1. Cara Memasang Iklan AdSense di Atas Postingan 
 Sebenarnya untuk penerapan kode iklan AdSense tidak hanya dipasang di atas postingan Anda bisa menerapkannya di mana saja, tetapi iklan AdSense lebih optimal jika di pasang di posisi tersebut. Sebelum blg AMP Anda dipasang iklan AdSense, sebelumnya harus memasukan kode tersebut di bawah <head>
<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
Untuk penempatan iklan di atas postingan, sebelumnya Anda bisa menetapkan ukurang tinggi dari iklan tersebut. Buatlah lebar iklan menjadi responsif sehingga bisa menyesuaikan dengan halaman blog. Langkah selanjutnya adalah mengambil kode data-ad-client dan data-ad-slot, dan masukan kode tersebut seperti di bawah ini:
<amp-ad
layout="fixed-height"
height=100
type="adsense"
data-ad-client="ca-pub-xxxxxxxxxxxx"
data-ad-slot="1234567890">
</amp-ad>
Kemudian kode iklan AdSense tersebut simpan di bawah kode ini:
<b:includable id='post' var='post'>
2. Memasang Iklan AdSense di dalam Postingan 
Selain memasang iklan di atas judul postingan, Anda bisa memasangnya di dalam postingan secara manual sesuai dengan kebutuhan, caranya adalah buatlah postingan dengan mode HTML, masukan nomor data-ad-client dan data-ad-slot, kemudian tempatkan di antara paragraf artikel.
<div class='iklan-tengahpost'>
<!-- kode Iklan di tengah post letakkan di sini -->
<amp-ad data-ad-client='ca-pub-29292xxxxxxxx' data-ad-slot='xxxxxx6757' height='320' layout='fixed-height' type='adsense'>
</amp-ad>
</div>