Cara Membuat Unit Iklan Page Level Adsense Blog AMP




Hallo sobat blogger ketemu lagi dengan saya di blog ini, lama tidak menulis artikel nah untuk pembahasan kali ini saya akan memberikan tutorial lagi buat kalian semua, tutorial ini saya dapat dari blog Kompi Ajaib mungkin sudah tau bukan blog yang sangat terkenal di Indonesia ini.

Cara Membuat Unit Iklan Page Level Adsense Blog AMP kita juga sudah faham kalau unit iklan page level ini cepat meningkatkan pendapatan kita, jika di blog Valid HTML5 unit iklan ini dapat di pasang karena iklan ini support javascript tapi bagaimana dengan blog AMP?? Mungkin belum banyak juga membahas cara memasang unit iklan di blog AMP jika ada itu pun cuma berapa puluh aja.

Jika kalian ingin memasang iklan unit ini di blog kalian simak artikel ini sampai selesai.

Langkah pertama kalian simpan kode berikut ini di bawah kode </head>
<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.isMobileRequest == &quot;true&quot; and data:blog.pageType != &quot;error_page&quot;'>
<script async='async' custom-element='amp-sticky-ad' src='https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js'/>
</b:if> 
Kode di atas adalah kode sticky namun tidak di tampilkan pada desktop namun pada tampilan mobile serta tidak di tampilkan di halaman error blog.

Setelah itu kita buat unit iklan Page-level adsense ukuran mobile yaitu 350x50 lalu simpan kode berikut ini di atas </body>
 <b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.isMobileRequest == &quot;true&quot; and data:blog.pageType != &quot;error_page&quot;'>
<amp-sticky-ad layout='nodisplay'>
    <amp-ad data-ad-client='ca-pub-xxxxxxxxxxxx' data-ad-slot='xxxxxxxxxx' height='50' type='adsense' width='320'>
 </amp-ad>
  </amp-sticky-ad>
  </b:if>

Silahkan ganti kode data-ad-client dan data-ad-slot sesuai dengan kode iklan Anda.

Sekarang silahkan coba akses blog Anda dengan hp Anda, iklan akan muncul setelah Anda menggulung halaman ke bawah.

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