Menambahkan Pesan Pendeteksi Adblock dengan Javascript
Menambahkan Pesan Pendeteksi Adblock dengan Javascript

Menambahkan Pesan Pendeteksi Adblock dengan Javascript

Blog Ardhana - Sesuatu yang sangat menjengkelkan memang jika ada orang yang memasang plugin adblock dan menghambat pendapatan blog kita. Ya, karena pendapatan terbesar kita dari blog adalah dari iklan terutama Google Adsense. Mengutip dari artikel blog Arlina Design, saya akan menjelaskan bagaimana cara Menambahkan Pesan Pendeteksi Adblock dengan Javascript.

Jika kamu ingin mengetahui apakah pengunjung di blog kamu memblokir iklan adsense atau tidak, kamu bisa melakukannya dengan kode javascript yang akan saya bagikan untuk kamu ini.

Cara kerja dari Javascript ini adalah mendeteksi ekstensi atau plugin Adblock secara otomatis jika pengunjung blog kamu kedapatan menggunakan plugin tersebut pada browser yang mereka gunakan. Ketika pengunjung kamu membuka blog milikmu dan mengaktifkan plugin adblock, maka akan muncul sebuah pesan khusus. Kode javascript ini sudah mendukung format baru dari data iklan responsif asyncronous Adsense, dan memanfaatkan selector inf.adsbygoogle kemudian merubahnya dengan sebuah pesan ketika adblock di browser aktif.

Kode ini cukup ringan untuk kamu gunakan, jadi tak perlu khawatir jika kode javascript ini membebani kecepatan loading blog kamu.

Menambahkan Pesan Pendeteksi Adblock dengan Javascript

1. Login ke Blogger -> Buka Template Editor -> Kemudian tambahkan kode di bawah ini sebelum tag </body>

//<![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 Khusus Adblock
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)"

Silahkan modifikasi kode diatas sesuai selera kamu. Kode diatas merupakan CSS tampilan pesan yang ada pada Javascript paling atas.

e.innerHTML="Tampaknya Anda memblokir iklan Google AdSense di browser Anda"

Ganti pesan di atas sesuai selera kamu. Pesan diatas merupakan potongan dari kode Javascript paling atas.

2. Jika sudah selesai semua kamu tambahkan, simpan template kamu kemudian cek aktifkan adblock pada browser yang kamu gunakan dan buka blog kamu untuk memastikan kode berjalan dengan baik.

Demikian informasi yang saya berikan mengenai Menambahkan Pesan Pendeteksi Adblock dengan Javascript, semoga bermanfaat untuk kamu. Jangan lupa share juka artikel ini ke sosial media kamu.

Related Posts

Load comments

Comments