Membuat Unit Iklan Adsense Untuk Blog AMP HTML

Ditulis oleh: Adhy Suryadi

Ditulis pada: 1/09/2017

Ketika baru mengenal AMP HTML, banyak yang kesulitan (termasuk saya hehehe....) untuk menempatkan unit iklan Adsense yang pas di blog AMP.

Dan kini Google sudah memberi penjelasan mengenai penempatan unit iklan Adsense untuk blog AMP HTML. Dan setelah saya coba, unit iklan dapat tampil bagus di semua ukuran device.

Jika Anda masih bingung dalam menempatkan unit iklan Adsense di blog AMP, silahkan simak postingan ini sampai selesai.

Biasanya kode sebuah unit iklan Adsense akan tampak seperti di bawah 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 di-marking di atas adalah kode yang diperlukan untuk unit amp-ad.

Untuk Tampak Atas Layar (Above The Fold)

Tampak layar atas atau above the fold adalah 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 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 Anda.

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 Anda.

Dan pastikan Anda 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>