Cara Memasang Script Anti Adblock Keren di Blogger (Work 100%) - Amankan Pendapatan AdSense
Pernahkah Anda merasa trafik blog Anda cukup tinggi, namun pendapatan AdSense atau iklan lainnya cenderung stagnan atau bahkan menurun? Salah satu musuh terbesar bagi para kreator konten dan blogger saat ini adalah penggunaan ekstensi pemblokir iklan atau Adblock oleh pengunjung. Meskipun kita ingin memberikan pengalaman pengguna yang baik, biaya server dan usaha pembuatan konten tetap membutuhkan dukungan finansial.
Sebagai solusi yang elegan dan efektif, Anda dapat memasang notifikasi atau overlay peringatan kepada pengguna Adblock agar mematikan ekstensi mereka atau melakukan whitelist pada blog Anda. Script yang akan saya bagikan ini memiliki tampilan profesional, responsif, dan terbukti ampuh meningkatkan Viewability iklan tanpa mengganggu performa loading blog.
Mengapa Harus Menggunakan Script Anti Adblock?
Memasang pengaman anti adblock bukan berarti memaksa pengunjung secara kasar. Ini adalah bentuk edukasi kepada pembaca bahwa konten berkualitas yang mereka nikmati secara gratis didukung oleh tayangan iklan. Script yang akan kita gunakan ini memiliki mekanisme deteksi ganda, yaitu mendeteksi elemen iklan yang disembunyikan dan mendeteksi pemblokiran koneksi ke server iklan (Google AdSense).
Fitur Utama Script Ini:
Berbeda dengan script pasaran yang seringkali memberatkan loading, kode ini sangat ringan karena menggunakan Vanilla JavaScript murni. Berikut keunggulannya:
Desain Responsif: Tampilan overlay menyesuaikan layar HP maupun Desktop.
High Z-Index: Notifikasi akan muncul di lapisan paling atas, menutupi konten sehingga memaksa interaksi.
Deteksi Akurat: Mampu mendeteksi script adsbygoogle.js yang diblokir.
Tombol Refresh: Memudahkan pengunjung memuat ulang halaman setelah mematikan Adblock.
Salin Kode Script Anti Adblock
Berikut adalah kode lengkap CSS, HTML, dan JavaScript yang telah disatukan agar mudah dipasang. Silakan salin kode di bawah ini. Jangan lupa untuk mengubah teks NAMA BLOG ANDA dengan nama domain atau nama blog Anda sendiri agar terlihat lebih profesional.
<style>#adblock-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.96);z-index:2147483647;color:#fff;font-family:sans-serif;text-align:center;justify-content:center;align-items:center;flex-direction:column;padding:20px;box-sizing:border-box}#adblock-overlay h2{font-size:24px;color:#ff5252;margin-bottom:15px;font-weight:700}#adblock-overlay p{font-size:16px;max-width:500px;line-height:1.6;margin-bottom:25px;color:#e0e0e0}#adblock-overlay button{padding:12px 25px;font-size:16px;background:#2196F3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;box-shadow:0 4px 6px rgba(0,0,0,0.1)}#adblock-overlay button:hover{background:#1976D2}</style><div id='adblock-overlay'><h2>Adblock Terdeteksi</h2><p>Mohon dukung <strong>NAMA BLOG ANDA</strong> dengan mematikan Adblock atau whitelist situs kami agar kami tetap bisa berkarya.</p><button onclick='location.reload()'>Sudah Saya Matikan (Refresh)</button></div><script>//<![CDATA[
window.onload=function(){setTimeout(async function(){var e=document.getElementById("adblock-overlay"),t=document.createElement("div");t.innerHTML=" ",t.className="adsbox ad-banner pub_300x250 pub_728x90 text-ad textAd text_ad text_ads text-ads text-ad-links",t.style.position="absolute",t.style.top="-999px",t.style.left="-999px",document.body.appendChild(t);var n=null===t.offsetParent||0===t.offsetHeight||0===t.offsetLeft||0===t.clientHeight||0===t.clientWidth||"none"===window.getComputedStyle(t).getPropertyValue("display");document.body.removeChild(t);if(n){e.style.display="flex",document.body.style.overflow="hidden";return}try{await fetch(new Request("https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"),{method:"HEAD",mode:"no-cors"})}catch(o){e.style.display="flex",document.body.style.overflow="hidden"}},1500)};
//]]></script>
Langkah-Langkah Pemasangan di Blogger
Setelah Anda menyalin kode di atas, ikuti panduan pemasangan berikut ini agar script bekerja dengan sempurna pada template Blogger Anda.
Login ke dashboard Blogger Anda.
Masuk ke menu Tema (Theme) lalu klik tombol panah bawah di sebelah 'Sesuaikan', pilih Edit HTML.
Klik di area kode, lalu tekan
CTRL + Funtuk membuka kolom pencarian.Cari kode penutup body yaitu
</body>.Tempelkan (Paste) kode script yang sudah Anda salin tepat di atas kode
</body>tersebut.Klik tombol Simpan (Save) di pojok kanan atas.
Terakhir, coba buka blog Anda dengan mengaktifkan Adblock untuk menguji apakah notifikasi muncul.
Dengan menerapkan langkah sederhana ini, Anda telah mengambil satu langkah cerdas untuk mengamankan potensi pendapatan blog Anda. Ingat, sebagian besar pengunjung setia tidak keberatan mematikan Adblock jika Anda memintanya dengan sopan demi keberlangsungan konten yang mereka nikmati. Selamat mencoba dan semoga earning AdSense Anda kembali meningkat!
Internal Code Snippet

