Solusi Sementara Unit Iklan Page-level Adsense Untuk Blog AMP

Salah satu cara untuk mengoptimalkan pendapatan iklan Adsense di perangkat mobile adalah dengan memasang unit iklan page-level Adsense. Salah satu fitur iklan page-level ini yaitu akan menampilkan iklan mobile sticky di bawah layar device dengan tombol close.

Namun pemasangan iklan page-level ini menggunakan javascript sehingga unit iklan ini tidak mungkin dipasang di blog AMP. Sementara Google sendiri belum memberikan opsi lain untuk pemasangan unit iklan page-level ini untuk AMP HTML.

Namun saya menemukan solusi sementara unit iklan page-level Adsense untuk blog AMP. Berdasarkan petunjuk Google untuk sticky ads, saya mendapatkan ide bahwa ini (sticky ads) bisa jadi solusi iklan page-level yang saat ini belum disediakan oleh Google untuk AMP HTML. Penampakannya yang muncul sticky di bawah layar setelah layar digulung ke bawah inilah yang mirip dengan iklan page-level.

Tentunya sticky ads ini tidak melanggar TOS Adsense karena Google sendiri yang memberikan anjuran ini dengan catatan penempatannya yang benar.

Untuk demo, coba akses halaman ini dengan mobile device Anda, atau bisa dilihat di animasi gif di bawah ini.


Jika Anda ingin mencobanya juga, silahkan ikuti langkahnya di bawah ini.

Silahkan simpan kode ini di atas 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 tidak ditampilkan di static page, ditampilkan di mobile (tidak ditampilkan di desktop), dan tidak ditampilkan di halaman error blog.

Kemudian silahkan buat unit iklan Adsense mobile 320x50 dan catat kode data-ad-client dan data-ad-slot, lalu silahkan simpan kode ini di atas kode </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.

Reactions:
Share this with short URL:

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser