Cara Menambahkan Pesan untuk Mendeteksi Adblock dengan JavaScript - Jika teman ingin mengetahui apakah pengunjung di blog teman memblokir iklan Google AdSense atau tidak, teman dapat melakukannya dengan cara menambahkan isyarat JavaScript.
Cara kerja dari isyarat JavaScript yang akan Saya bagikan ini yakni mendeteksi ekstensi Adblock secara otomatis jikalau pengunjung mengaktifkan Adblock di browser yang mereka gunakan saat membuka blog teman dengan memunculkan sebuah pesan khusus. Kode JavaScript ini sudah mendukung format gres dari data iklan Responsive Asynchronous Google Adsense dan memanfaatkan selektor ins.adsbygoogle lalu menggantinya dengan sebuah pesan saat Adblock di browser aktif.
Kode ini pun cukup ringan, jadi teman tidak perlu khawatir jikalau isyarat ini akan membebani kecepatan loading blog sobat. 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 isyarat di bawah ini sebelum 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>Contoh tampilan pesan :
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 yang ditandai merupakan CSS tampilan pesan, silakan modifikasi sesuai selera.
e.innerHTML="Tampaknya Anda memblokir iklan Google AdSense di browser Anda" Ganti isyarat yang ditandai dengan goresan pena sobat.
2. Jika sudah ditambahkan, simpan template lalu cek blog dan aktifkan Adblock untuk memastikan isyarat berjalan dengan baik.
Demikian tutorial ihwal Cara Menambahkan Pesan untuk Mendeteksi Adblock dengan JavaScript, supaya bermanfaat.