Script Anti Adblocker

Fighaz Mc, Blogger - Cara membuat script anti Adblocker di blogger sangatlah mudah. Tentu ini penting bagi anda yang mengandalkan iklan sebagi pendapatan didalam blogger.

Memasang script anti adblocker di dalam template blogger tentu sangat besar menfaatnya jika situs atau blog yang kita miliki sudah dimonetisasi. Baik itu menggunakan Google Adsense atau sejenisnya.

Banyangkan saja, jika iklan-iklan yang ada didalam blog tidak ditampilkan. Tentunya pendapatan blog akan menurun drastis. Sekarang ini banyak sekali aplikasi-aplikasi search engine yang menggunakan adblocker untuk membatasi atau menyembunyikan iklan yang ada didalam sebuah blog atau situs.

Kali ini saya akan memberikan teman-teman cara mudah untuk mengatasi Adblocker ini dengan menggunakan script anti Adblocker terbaru.

Apa itu Adblocker?

Apa itu Adblocker?, Adblocker adalah sebuah sistem ekstensi yang bertujuan menganalisa sebuah situs, web, blogger serta memindai sebuah halaman konten dan memlakukan pemblokiran atau mencegah elemen-eleman tertentu agar tidak tampil saat dikunjungi seperti iklan.

Jenis-jenis Adblocker

Berikut ini adalah beberapa jenis adblocker yang sering digunakan untuk memblokir iklan atau elemen-elemen tertentu di dalam sebuah blog, website atau situs.

AdBlock Plus
AdBlock
Poper Blocker
Stands Fair AdBlocker
uBlock Origin
Ghostery
Adblocker for YouTube

Cara Membuat Dan Memasang Script Anti Adblocker Di Blogger

Untuk cara membuat script anti Adblocker di blogger saya akan memberikan dua jenis yakni:

Script Anti Adblocker FGZ 1: Aktif saat halaman dikunjungi (Non-Lazyload)
Script Anti Adblocker FGZ 2: Aktif saat pengunjung menggulirkan layar (Lazyload)

Jadi marika kita mulai memasng script anti Adblocker di blogger, ikuti langkah dibawah ini.

Masuk Ke dasbor blogger
Pilih "Tema"
Lalu Pilih "🔻" disamping kata "SESUAIKAN"
Lalu pilih "Cadangakan". Ini agar jika kalian salah dalam pemasangan, kalian bisa menggunakan tema yang sebelumnya di edit.
Setelah "Cadangakan" selesai kalian pilih "Edit HTML"
Lalu Cari Tag "]]></b:skin>" dan salin salah satu jenis tampilan dibawah ini:

Mode Blur Konten

/* Pop-Up Box (Style 1) FGZ */
.popSc{position:fixed;z-index:99999;top:0;bottom:0;left:0;right:0;padding:20px;background:#f3f5fe;display:flex;justify-content:center;align-items:center}
.popSc.hidden{display:none}
.popSc .popBo{position:relative;background:#fff;max-width:400px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:30px;border-radius:30px}
.popSc .popBo svg{display:block;width:50px;height:50px;fill:none !important;stroke:#08102b;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}
.popSc .popBo h2{margin:10px 0 15px 0;font-size:1.2rem;font-weight:800;color:#08102b}
.popSc .popBo p{margin:0;line-height:1.7em;font-size:0.9rem;color:#08102b}
.darkMode .popSc{background:#1f1f1f}
.darkMode .popSc .popBo{background:#2c2d31}
.darkMode .popSc .popBo svg{stroke:#fefefe}
.darkMode .popSc .popBo p, .darkMode .popSc .popBo  h2{color:#fefefe}

Non Blur Konten

/* Pop-Up Box (Style 2) fgz */
.popSc{position:fixed;top:0;bottom:0;left:0;right:0;padding:20px;background:rgba(255, 255, 255, 0.1);z-index:99999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center}
.popSc.hidden{display:none}
.popSc .popBo{position:relative;background:rgba(255, 255, 255, 0.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:400px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:30px;border-radius:20px;box-shadow:0 5px 25px rgb(0 0 0 / 20%)}
.popSc .popBo svg{display:block;width:50px;height:50px;fill:none !important;stroke:#08102b;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}
.popSc .popBo h2{margin:10px 0 15px 0;font-size:1.2rem;font-weight:800;color:#08102b}
.popSc .popBo p{margin:0;line-height:1.7em;font-size:0.9rem;color:#08102b}
.popSc{animation:popupBlur .3s ease-in; -webkit-animation:popupBlur .3s}
.popSc >*{animation:popupScale .3s ease-in; -webkit-animation:popupScale .3s}
.darkMode .popSc{background:rgba(0, 0, 0, 0.1)}
.darkMode .popSc .popBo{background:rgba(50, 50, 50, 0.8)}
.darkMode .popSc .popBo svg{stroke:#fefefe}
.darkMode .popSc .popBo p, .darkMode .popSc .popBo h2{color:#fefefe}
@keyframes popupBlur {from{opacity:0}to{opacity:1}}
@-webkit-keyframes popupBlur{from{opacity:0}to{opacity:1}}
@keyframes popupScale{from{transform:scale(0);animation-timing-function:ease-in;opacity:0}to{transform:scale(1);opacity:1}}
@-webkit-keyframes popupScale{from{-webkit-transform:scale(0);-webkit-animation-timing-function: ease-in;opacity:0}to{-webkit-transform:scale(1);opacity:1}}

Selanjutnya cari tag "</body>" atau "</body>" lalu salin scrit dibawah ini dan tempel atau pastekan tepat diatas kode tag "</body>" atau "</body>"

Script Anti Ad-Blocker

<!--[ Anti Ad-Blocker Fgz ]-->
<div id='antiAdBlock' class='popSc hidden'>
  <div class='popBo'>
    <svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='10'/><line x1='12' x2='12' y1='8' y2='12'/><line x1='12' x2='12.01' y1='16' y2='16'/></svg>
    <h2>Ad-Blocker Detected!</h2>
    <p>Sorry, we detected that you have activated Ad-Blocker.<br/>Please consider supporting us by disabling your Ad-Blocker, it helps us in developing this Website.<br/>Thank you!</p>
  </div>
</div>

Selanjutnya kalian tambahkan lagi script berikut tepat diatas tag "</body>" atau "</body>". Ada dua jenis script, pilih salah satu saja.

Script Anti Adblocker aktif saat mengunjungi halaman (Non-Lazyload)

<script>/*<![CDATA[*/ /* Anti Ad-Blocker Script fgz (NoLazy) */ !function(){var antiAdBlock=document.querySelector("#antiAdBlock");var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";e.onerror=function(){if(antiAdBlock!=null){antiAdBlock.classList.remove("hidden")}};var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(); /*]]>*/</script>

Script Anti Adblocker aktif saat pengunjung menggulir halaman (Lazyload)

<script>/*<![CDATA[*/ /* Anti Ad-Blocker Script fgz (Lazyload) */ var lazyAnti=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyAnti||0!=document.body.scrollTop&&!1===lazyAnti)&&(!function(){var antiAdBlock=document.querySelector("#antiAdBlock");var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";e.onerror=function(){if(antiAdBlock!=null){antiAdBlock.classList.remove("hidden");window.lazyAnti=!0}};var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyAnti=!0)},!0); /*]]>*/</script>

Setelah semuanya terpasang, kalian pilih "💾" atau simpan perubahan dan lihat hasilnya.

Kesimpulan

Adblocker adalah sebuah sistem ekstensi yang bertujuan menganalisa sebuah situs, web, blogger serta memindai sebuah halaman konten dan memlakukan pemblokiran atau mencegah elemen-eleman tertentu agar tidak tampil saat dikunjungi seperti iklan.

Sekian untuk Bagaimana Cara Membuat Script Anti Adblocker Dan Memasang Di Blogger. Semoga bisa bermanfaat.

Selamat mencoba!

Fighaz Mc Halo!, Saya suka menulis di blog, sebuah ruang pribadi saya untuk berbagi tips, informasi, dan pengetahuan seputar dunia internet dan teknologi. Mari jelajahi dunia digital bersama!