Oct 17, 2017

Update! Notifikasi Untuk Pengguna AdBlocker Adsense

Notifikasi AdBlocker Update

Postingan kali ini adalah lanjutan dari Postingan sebelumnya yang masih membahas tentang AdBlocker Adsense. Sebelumnya sudah kita bahas metode sederhana yang jika Notofikasi Adblocker muncul maka bisa di hilangkan dengan tombol close. Namun yang terjadi adalah sering sekali pengunjung banyak yang mengabaikannya tetap tidak menonaktifkan Adblockernya pada plugin browser yang di gunakannya sehingga percuma saja dipasang notifikasinya.

Hal tersebut tentu sangat merugikan bagi Blogger yang mencari penghasilan dari Blog yang terpasang Iklan terutama iklan yang berasal dari Google Adsense dan otomatis akan mengurangi pendapatan Iklannya.

Untuk itu di kesempatan kali ini akan kita bahas kembali dan saya Update! Notifikasi Untuk Pengguna AdBlocker Adsense yang nantinya jika sudah terpasang di dalam blog saat pengunjung yang datang menggunakan Plugin Adblockernya tetap akan tampil notifikasi Adblocker namun tidak bisa di Close sampai pengunjung tersebut menonaktifkan Plugin Adblocker yang dipasang dalam Browsernya.

Bagaimana tertarik untuk mencoba memasangnya, untuk itu mari ikuti langkah penerapannya Update! Notifikasi Untuk Pengguna AdBlocker Adsense

Langkah Pertama
Silahkan sobat salin kode js jquery library dibawah ini lalu letakkan di atas kode </head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

Jika sudah pernah memasangnya berapapun versinya, silahkan lewati langkah ini.

Langkah Ke Dua
Silahkan salin kode CSS ini lalu letakkan di atas kode </head>.

<style type='text/css'>
#keepads{position:fixed;bottom:-7000px;opacity:0;transition:all .3s;z-index:100000}
#keep-ads{background:#1C90F3;color:#fff;text-align:center;padding:20px;position:absolute;left:50%;top:25%;margin-left:-25%;font-size:160%;line-height:1.2em;transition:all .3s;width:50%;height:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:2}
#keep-adslayer{position:absolute;bottom:0;left:0;right:0;top:0;background:#000;background:rgba(0,0,0,.9);z-index:1}
#keep-ads h3{margin:0 0 20px!important;font-size:30px}
#keep-ads p{margin:0!important;font-size:18px}
#keep-ads a{color:yellow;text-decoration:none}
#keepads.show{pointer-events:auto;opacity:1;bottom:0;left:0;right:0;top:0;}
.close-keep-ads{position:absolute;top:0;right:0;font-size:24px;font-weight:700;cursor:pointer;width:24px;height:24px;line-height:24px;text-align:center}
.flow{overflow:hidden}
@media screen and (max-width:640px){
#keep-ads{width:80%;margin-left:-40%;top:10%}
#keep-ads h3{margin:0 0 10px!important;font-size:20px}
#keep-ads p{margin:0!important;font-size:16px}
}
</style>


Langkah Ke Tiga
Silahkan salin kode HTML dibawal ini lalu letakkan di atas kode </body>.

<b:if cond='data:blog.url not in {&quot;http://www.URLBLOG.com/p/whitelisting.html&quot;}'>
<div id='keepads'>
<div id='keep-ads'>
  <h3>AdBlock Detected!</h3>
  <p>Like this blog? Keep us running by whitelisting this blog in your ad blocker.</p>
  <p>This is <a href='http://www.URLBLOG.com/p/whitelisting.html' target='_blank' title='how to whitelisting'>how to whitelisting</a> this blog in your ad blocker.</p>
  <p>Thank you!</p>
  <div class='close-keep-ads' onclick='refresh()'>&#215;</div>
</div>
  <div id='keep-adslayer'/>
  </div>
<script>
//<![CDATA[
setTimeout(function() {
  var body = document.body;
  var info = document.getElementById("keepads");
  var ads = document.querySelectorAll("ins.adsbygoogle");
  if ($(ads).height() === 0 ) {
    info.className = "show";
    body.className = "flow";
  }
}, 2000)
function refresh() {
    location.reload();
}
//]]>
</script>
</b:if>

Perhatikan kode yang ditandai silahkan ganti dengan URL halaman Whitelisting yang sudah sobat pernah buat sebelumnya, Jika sudah sesuia langkah penerapannya silahkan SAVE dan selesai, semoga bermanfaat.

Artikel Terkait

Halo Sobat, sedikit cerita mengenai diri saya, saya adalah hanya seorang penulis amatiran yang mencoba berbagi pengetahuan dari apa yang saya dapat sehari-hari. Pengalaman ini saya tuangkan di tulisan dengan tujuan baik agar pengetahuan dan pengalaman saya ini dapat bisa di pergunakan dan bermanfaat khususnya untuk diri saya pribadi dan umumnya untuk orang lain, sehingga saya beri nama Web saya ini dibalikseo.com yang filosofinya adalah dibalik pengetahuan yang saya dapat.