Cara Memasang Unit Iklan Adsense di Blog AMP HTML

Kini Google sudah memberi penjelasan tentang penempatan unit iklan Adsense untuk blog AMP HTML. Dan unit iklan dapat tampil bagus di semua ukuran device.

Jika Anda masih bingung dalam menempatkan unit iklan Adsense di blog AMP, silahkan baca artikel ini sampai selesai.
Cara Memasang Unit Iklan Adsense di Blog AMP HTML

Biasanya kode sebuah unit iklan Adsense akan terlihat 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-1234567891234XXX"
   data-ad-slot="1234567XXX"></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 (above the fold) adalah tampilan layar begitu blog terbuka (tampilan yang pertama terlihat sebelum layar digulir ke bawah). Untuk unit iklan pada tampak layar atas ini (contohnya iklan di bawah header), sangat direkomendasikan untuk menggunakan unit iklan dengan fixed-height 100px (lebar iklan akan mengikuti lebar tempatnya, sementara tingginya akan tetap 100px). Dengan demikian, 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-1234567891234XXX"
data-ad-slot="1234567XXX">
</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. Contohnya 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-1234567891234XXX"
data-ad-slot="1234567XXX">
</amp-ad>

Gunakan data-ad-client dan data-ad-slot unit iklan Adsense Anda.

Pastikan blog AMP 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>

Reaksi:
Share this with short URL:

You Might Also Like:

Use parse tool to easy get the text style on disqus comments:
Show Parser Hide Parser