Notifikasi Untuk Pengguna AdBlocker Adsense Untuk Blog AMP HTML

Ditulis oleh: Adhy Suryadi

Ditulis pada: 3/31/2017

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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtbG6cFkecUpYcjjwMENaiO4Sd03-RPXSh83AjgipOcZajPxT4LbcX7q4v1FyumESwfeYH4GwrL6nRjtWEs8Xo5b_i4NolkC9c5VtkzO-FV_jQJ2cyUKyZkCqMsaA5-_hYi3UPqMYVORA/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...