Notifikasi Untuk Pengguna AdBlocker Adsense Untuk Blog AMP HTML

Karena pada AMP HTML tidak diperbolehkan untuk menggunakan javascript, maka hal tersebut tidak memungkinkan untuk menggunakan script notifikasi adblocker pada blog AMP HTML.

Untuk itu saya terus mencari cara untuk membuat notifikasi untuk pengguna Adblocker untuk blog AMP HTML.

Akhirnya saya coba-coba untuk membuat notifikasi untuk pengguna adblocker dengan menggunakan background-image pada tag tempat iklan berada, sehingga ketika iklan tidak tampil maka background notifikasi akan terlihat.

Meskipun tidak menutup halaman bagi pengguna adblocker, namun setidaknya notifikasi ini bisa dibaca oleh pengguna adblocker untuk menonaktifkan plugin adblocker yang digunakannya.

Untuk demonya silahkan coba akses halaman ini dengan menggunakan adblocker, maka di slot iklan akan muncul banner notifikasi untuk menonaktifkan adblocker.


Jika Anda ingin mencobanya juga, silahkan gunakan kode CSS di bawah ini.


#HTML1 .widget-content{background:#fff url(https://1.bp.blogspot.com/-DcsCKNuJJ3E/WNy92ru5RcI/AAAAAAAAqaM/-neXFER8FDEcDXPkNX4u-gTJ9lcOGImawCLcB/s1600/adblocking.png);min-height: 250px;background-repeat: no-repeat;background-position:top center;background-origin: content-box;background-size: 100% 100%;}
#HTML6 .widget-content amp-ad{background:#fff;}

Silahkan ganti #HTML1 .widget-content dengan tag tempat iklan berada.

Semoga bermanfaat...

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