Cara Menambahkan Pesan Untuk Mendeteksi Adblock Dengan Javascript - Dewa Blogger

Halaman

    Social Items

Buy Now
Cara Menambahkan Pesan untuk Mendeteksi Adblock dengan JavaScript - Jika sahabat ingin mengetahui apakah pengunjung di blog sahabat memblokir iklan Google AdSense atau tidak, sahabat dapat melakukannya dengan cara menambahkan instruksi JavaScript.

Cara kerja dari instruksi JavaScript yang akan Saya bagikan ini ialah mendeteksi ekstensi Adblock secara otomatis jikalau pengunjung mengaktifkan Adblock di browser yang mereka gunakan dikala membuka blog sahabat 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 dikala Adblock di browser aktif.

Cara Menambahkan Pesan untuk Mendeteksi Adblock dengan JavaScript Cara Menambahkan Pesan untuk Mendeteksi Adblock dengan JavaScript

Kode ini pun cukup ringan, jadi sahabat tidak perlu khawatir jikalau instruksi 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 instruksi 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 :

Cara Menambahkan Pesan untuk Mendeteksi Adblock dengan JavaScript Cara Menambahkan Pesan untuk Mendeteksi Adblock dengan JavaScript

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 instruksi yang ditandai dengan goresan pena sobat.

2. Jika sudah ditambahkan, simpan template lalu cek blog dan aktifkan Adblock untuk memastikan instruksi berjalan dengan baik.

Demikian tutorial perihal Cara Menambahkan Pesan untuk Mendeteksi Adblock dengan JavaScript, supaya bermanfaat.

Cara Menambahkan Pesan Untuk Mendeteksi Adblock Dengan Javascript

Cara Menambahkan Pesan untuk Mendeteksi Adblock dengan JavaScript - Jika sahabat ingin mengetahui apakah pengunjung di blog sahabat memblokir iklan Google AdSense atau tidak, sahabat dapat melakukannya dengan cara menambahkan instruksi JavaScript.

Cara kerja dari instruksi JavaScript yang akan Saya bagikan ini ialah mendeteksi ekstensi Adblock secara otomatis jikalau pengunjung mengaktifkan Adblock di browser yang mereka gunakan dikala membuka blog sahabat 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 dikala Adblock di browser aktif.

Cara Menambahkan Pesan untuk Mendeteksi Adblock dengan JavaScript Cara Menambahkan Pesan untuk Mendeteksi Adblock dengan JavaScript

Kode ini pun cukup ringan, jadi sahabat tidak perlu khawatir jikalau instruksi 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 instruksi 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 :

Cara Menambahkan Pesan untuk Mendeteksi Adblock dengan JavaScript Cara Menambahkan Pesan untuk Mendeteksi Adblock dengan JavaScript

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 instruksi yang ditandai dengan goresan pena sobat.

2. Jika sudah ditambahkan, simpan template lalu cek blog dan aktifkan Adblock untuk memastikan instruksi berjalan dengan baik.

Demikian tutorial perihal Cara Menambahkan Pesan untuk Mendeteksi Adblock dengan JavaScript, supaya bermanfaat.