Membuat Notifikasi Untuk Pengguna Adblocker Adsense

Iklan merupakan salah satu cara bagi penulis blog untuk menghasilan penghasilan di blog,tentu saja penghasilan yang didapat untuk memperpanjang hosting/domain pada pada blog tersebut

Namun sayangnya,banyak pengguna blog,terlalu berlebihan menggunakan  iklan di blog nya,apa lagi tata letak iklan nya tidak beraturan dan sangat mengganggu bagi para pengunjung,ada lagi,pengguna blog yang sangat memaksa pengungung nya supaya iklan nya bisa di klik,dengan memunculkan iklan pop up pada satu halaman blog nya,apa lagi tidak ada tombol close saat iklan pop up muncul,itu sangat mengganggu sekali

penggunaan iklan berlebihan pada blog,juga tidak baik pada blog itu sendiri,karena sangat mengganggu bagi para pengunjung blog tersebut

Untuk itu, kita perlu membuat notifikasi untuk pengguna Adblocker untuk mematikan Adblocker di blog kita, siapa tahu iklan yang muncul memang konten yang dicari pengunjung. Kita perlu menjelaskan bahwa kita tidak memasang iklan secara berlebihan atau menjebak pengunjung untuk mengklik iklan, untuk itu kita meminta kesediaannya kepada pengunjung untuk mematikan Adblocker di blog kita karena iklan di blog kita tidak mengganggu mereka.

Nah kali ini kita akan memasang notifikasi untuk pengguna Adblocker untuk iklan Adsense untuk memasukan blog kita ke dalam whitelist Adblock mereka.

Ketika seorang pengunjung menggunakan Adblocker, maka otomatis iklan Adsense tidak muncul. Jika iklan Adsense tidak muncul maka notifikasi Adblocker akan muncul di bagian bawah blog seperti pada gambar di bawah ini.

Tertarik ingin mencoba nya? ikuti cara di bawah ini

letakkan kode di bawah ini di atas kode </head>

<style>
#keep-ads {
  background: #1C90F3;
  color: #fff;
  padding: 10px 20px;
  position: fixed;
  bottom: -150px;
  left: 0;
  opacity: 0;
  font-size: 100%;
  line-height: 1.5em;
  transition: all .3s;
  width: 100%;
  height: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 100000
}

#keep-ads p {
  margin: 0!important
}

#keep-ads a {
  padding: 0 6px 2px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid transparent
}

#keep-ads.show {
  pointer-events: auto;
  opacity: 1;
  bottom: 0
}

.close-keep-ads {
  position: absolute;
  top: 1px;
  right: 4px;
  line-height: 1;
  font-size: 24px;
  font-weight: 700
}
</style>

lalu letakkan kode di bawah ini di atas kode </body>

<div id='keep-ads'>
  <p>Like this blog? Keep us running by whitelisting this blog in your ad blocker.</p>
  <p>This is <a href='URL PAGE HOW TO WHITELIST' 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='hidekeep()'>&#215;</div>
</div>
<script>
//<![CDATA[
setTimeout(function() {
  var info = document.getElementById("keep-ads");
  var ads = document.querySelectorAll("ins.adsbygoogle");
  if ($(ads).height() === 0 ) {
    info.className = "show";
  }
}, 2000)
function hidekeep() {
  var e = document.getElementById("keep-ads").style.display = "none";
};
//]]>
</script>

silahkan ganti text nya sesuai dengan keinginan anda,ganti URL PAGE TO WHITELIST dengan url anda sendiri,contoh halaman nya seperti ini

sekian tutorial kali ini

http://www.kompiajaib.com/