Membuat Unit Iklan Adsense Untuk Blog Amp Html

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

Dan sekarang Google sudah memberi klarifikasi mengenai penempatan unit iklan Adsense untuk blog AMP HTML. Dan sehabis aku coba, unit iklan sanggup tampil anggun di semua ukuran device.

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

Biasanya instruksi sebuah unit iklan Adsense akan tampak menyerupai 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 yaitu instruksi yang diharapkan untuk unit amp-ad.

Untuk Tampak Atas Layar (Above The Fold)

Tampak layar atas atau above the fold yaitu 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 memakai unit iklan dengan fixed-height 100px (lebar iklan akan mengikuti lebar tempatnya berada, sementara tingginya akan tetap 100px). Dengan begitu, iklan yang tampil yaitu iklan dengan tinggi di rentang 100px.

Silahkan gunakan instruksi amp-ad menyerupai 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 yaitu bab layar yang tampil sehabis halaman di-scroll. Biasanya iklan ini di simpan di bawah postingan atau di atas dan di bawah komentar.

Untuk iklan ini dianjurkan untuk memakai unit iklan dengan tinggi 250px. Di sini aku memakai layout="fixed-height" sehingga iklan yang muncul yaitu iklan yang mempunyai tinggi di rentang 250px.

Silahkan gunakan instruksi amp-ad menyerupai 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 instruksi </head>

 <script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>

Sumber https://www.kompiajaib.com/

Share this post