Cara Menambahkan Pesan untuk Mendeteksi Adblock dengan Javascript - Jika anda ingin mengetahui apakah pengunjung di blog anda memblokir iklan Google AdSense atau tidak, anda bisa melakukannya dengan cara menambakhan kode Javascript.
Cara kerja dari kode Javascript yang akan saya bagikan ini adalah mendeteksi ekstensiAdblock secara otomatis jika pengunjung mengaktifkan Adblock di browser yang mereka gunakan ketika membuka blog sobat dengan memunculkan sebuah pesan khusus. Kode Javascript ini sudah mendukung format baru dari data iklan Responsive Asynchronous Google AdSense dan memanfaatkan selektor ins.adsbygoogle kemudian menggantinya dengan sebuah pesan ketika Adblock di browser aktif.
Kode ini pun cukup ringan, jadi anda tidak perlu khawatir jika kode ini akan membebani kecepatan loading blog anda. Bagi yang ingin mencobanya silakan ikuti langkah berikut :
Cara Menambahkan Pesan untuk mendeteksi Adblock dengan Javascript.
1. Login ke Blogger > Buka Template Editor > Kemudian tambahkan kode di bawah ini sebelum kode tag </body>
<script type='text/javascript'>
//<![CDATA[
// Adblock Detected
window.onload=function(){setTimeout(function(){var e=document.querySelector("ins.adsbygoogle");e&&0==e.innerHTML.replace(/\s/g,"").length&&(e.style.cssText="color:rgba(0,0,0,0.5);font-weight:700;font-size:110%;padding:20px;margin:auto;text-align:center;text-decoration:none;display:block!important;background:rgba(0,0,0,0.02);border:1px solid rgba(0,0,0,0.08)",e.innerHTML="Tampaknya Anda memblokir iklan Google AdSense di browser Anda")},2e3)};
//]]>
</script>
Keterangan:
e.style.cssText="color:rgba(0,0,0,0.5);font-weight:700;font-size:110%;padding:20px;margin:auto;text-align:center;text-decoration:none;display:block!important;background:rgba(0,0,0,0.02);border:1px solid rgba(0,0,0,0.08)"
Kode CSS yang ditandai merupakan CSS tampilan pesan, silakan dimodifikasi sesuai selera.
e.innerHTML="Tampaknya Anda memblokir iklan Google AdSense di browser Anda"
Ganti kode yang ditandai dengan tulisan anda.
2. JIka sudah ditambahkan, simpan template kemudian cek blog dan aktifkan Adblock untuk memastikan kode dengan baik
Demikian tutorial tentang Cara Menambahkan Pesan untuk Mendeteksi Adblock dengan Javascript, semoga bermanfaat.
</>
