Rabu, 27 Januari 2016

Cara Memasang Pesan Anti Adblock Dengan JavaScript

Rata-rata orang jika sedang browsing untuk mencari informasi di dunia internet,Terkadang sering menemukan Iklan di website maupun blog yang cukup banyak.Maka sebagian orang memasang ads on adblock di browsernya untuk memblockir iklan yang menggangu karena terlalu banyak iklan di laman blog.Banyak hal negatif jika seorang blogger banyak memasang iklan di blog karena dapat memperngaruhi loading blog,pengunjung,kualitas blog, dll.Tapi dari google adsense hanya memperbolehkan memasang iklan sebanyak tiga saja setiap satu laman,Hal itu sangat disarankan karena termasuk kebijakan progam adsense.
Kali ini kita akan membuat pesan notifikasi jika adblock aktif di web browser
Cara menambahkan pesan notifikasi jika adblock aktif dengan java Script ini sangat ringan dan tidak perlu khawatir dengan kecepatan loading blog anda,Karena sangat ringan dan cukup responsive untuk blog mobile friendly.

adsblock dengan java script
.Caranya :

1.Pertama buka tab Template di blogger,lalu klik edit template
Kemudian tambahkan kode java script dibawah 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 di browser Anda")},2e3)};
//]]>
</script>


Keterangan untuk mengedit :

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 Berwarna Biru merupakan CSS tampilan pesan,Silahkan edit sesuai dengan kreatifitas anda.


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

Silahkan Ganti text di atas sesuai dengan tulisan anda sendiri.

Jika semua sudah diedit sesuai dengan keinginan anda,klik simpan template.
Untuk mengetahui atau mengeceknya silahkan aktifkan adblock di browser anda lalu buka blog/website nya agar memastikan kode javascript bekerja dengan baik.

Demikian postingan kali ini silahkan di coba dan Semoga berhasil
Pengunjung yang baik tinggalkan komentar dan share article ini
Terima kasih telah Berkunjung

1 komentar so far


EmoticonEmoticon