Cara Pasang Iklan Melayang (Sticky) Versi Mobile Valid AMP - informasiajib

Cara Pasang Iklan Melayang (Sticky) Versi Mobile Valid AMP

Meningkatkan pendapatan Google adsense merupakan suatu hal yang harus dilakukan oleh seorang blogger. Cara yang paling mudah yaitu dengan memperhatikan unit iklan / jenis iklan google yang dipasang pada blog. Salah satu rekomendasi iklan yaitu sticky mobile ads (anchor ads) yang dimana iklan ini hanya akan muncul atau tampil ketika blog di akses menggunakan perangkat mobile dan juga ketika di scrol ke bawah.


Jika dilihat dari Tampilan, Iklan melayang (sticky) tentu akan meningkatkan peluang para pengunjung blog untuk mengklik iklan tersebut. Karena iklan akan tetap terlihat meski layar di scroll ke bawah maupun ke atas. Meski demikian terdapat tombol close pada iklan jenis ini sehingga para pembaca bisa menyembunyikan iklan tersebut.

Cara memang iklan jenis ini itu sebenarnya sangat mudah. Tapi bagaimana jika iklan jenis ini dipasang pada blog yang menggunakan template AMP ? seperti yang kita ketahui, rata-rata tutorial yang ada di google hanya menjelaskan cara pemasangan pada blog Non AMP alias blog dengan template bukan AMP. Jadi jika kalian memasangnya pada blog AMP maka sudah bisa dipastikan akan terdeteksi tidak Valid AMP.

Lalu bagaimana cara memasang unit iklan Sticky Mobile / anchor Ads pada blog dan Valid AMP ? caranya sebenarnya hampir sama saja. yang berbeda yaitu susunan kode script pada versi AMP lebih sederhana, sehingga blog akan lebih ringan. Tanpa basa-basi ikuti tutorial dibawah ini dengan benar bagaimana cara pembuatan dan pemasangan Iklan Anchor Ads atau melayang ketika di akses versi mobile.

Cara Pasang Iklan Anchor Ads / Melayang Versi mobile

  • Simpan kode script dibawah ini tepat di atas </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>
  • Pastekan kode dibawah 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>
  • Tulisan "xxxxxxxxx" pada ca-pub, kalian ganti dengan ID publisher google adsense kalian.
  • Sementara tulisan "xxxxxxxx" pada data-ad-slot, kalian ganti dengan ID unit iklan responsive yang sudah dibuat sebelumnya.
  • Terakhir simpan dan lihat hasilnya dengan mengakses halaman blog menggunakan perangkat mobile.
Show Comments

0 Response to "Cara Pasang Iklan Melayang (Sticky) Versi Mobile Valid AMP"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel