Script Anti AdBlock Chrome Untuk Website/Blog

Posted on

Anti AdBlock

Cara Membuat Script Anti AdBlock Untuk Website/Blog  – Sebagai pemilik website atau blog, salah satu penghasilan yang diandalkan adalah Iklan Adsense dan iklan dari pihak ketiga lainnya. 

Beberapa di antara mereka terkadang membuat atau meletakkan iklan adsense yang sangat banyak,  posisi iklan bahkan konten iklan yang tidak disenangi oleh pembaca.

Alhasil, untuk mengatasi itu pengunjung website melakukan instalasi sebuah ekstensi di web browser yang bernama AdBlock.

Apa itu AdBlock?

AdBlock adalah sebuah ekstensi kecil yang terpasang di web browser yang digunakan untuk menutup sebagian atau seluruh iklan pada sebuah website.

Dengan adanya AdBlok , pengunjung website hanya menerima website dengan artikel dan konten-konten inti saja.

Namun, sebagian pemilik website dengan adanya AdBlock , sedikit mengurangi penghasilan mereka karena iklan yang dimasukkan tidak tampil sebagai mana mestinya.

Pada kali saya akan membagikan sebuah script Anti AdBlock yang akan memunculkan notifikasi untuk mematikan ektensi AdBlock jika ekstensi tersebut dalam keadaan aktif.

Mohon digunakan script dengan bijak ya.

 

Cara Instalasi Script Anti AdBlock.

Untuk mulai proses instalasinya, siapkan sebuah Widget HTML di layout website atau blog anda. Pada kasus saya memasang script anti AdBlock di blogger.

Saya membuat sebuah widget HTML/Javascript pada sidebar di urutan pertama (atas). Lalu masukkan script berikut:

<style>
#adblockbyspider {
backdrop-filter: blur(5px);
background: rgba(0, 0, 0, 0.25);
padding: 20px 19px;
border: 1px solid #ebeced;
border-radius: 10px;
color: #ebeced;
overflow: hidden;
position: fixed;
margin: auto;
left: 10;
right: 10;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
z-index: 999999
}

#adblockbyspider .inner {
background: #f5f2f2;
color: #000;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
text-align: center;
width: 600px;
padding: 40px;
margin: 80px auto
}

#adblockbyspider button {
padding: 10px 20px;
border: 0;
background: #e9e9e9;
margin: 20px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
cursor: pointer;
transition: all .2s
}

#adblockbyspider button.active {
background: #fff
}

#adblockbyspider .tutorial {
background: #fff;
text-align: left;
color: #000;
padding: 20px;
height: 250px;
overflow: auto;
line-height: 30px
}

#adblockbyspider .tutorial div {
display: none
}

#adblockbyspider .tutorial div.active {
display: block
}

#adblockbyspider ol {
margin-left: 20px
}

@media(max-width:680px) {
#adblockbyspider .inner {
width: calc(100% - 80px);
margin: auto
}
}
</style>
<script src='https://raw.githack.com/Ashwathnrayana/SpiderBlogging/main/antiadblock/2.0/code.min.js' />
</script>

Setelah itu simpan.

Sekarang coba jalankan ulang website anda dan hidupkan ekstensi AdBlock, maka anda akan melihat notifikasi seperti :

Cara Membuat Script Anti AdBlock Untuk Website/Blog

Semoga dapat membantu kalian para pemilik website dan para blogger. Jika anda menyukai silahkan bagikan ke teman-teman kalian menggunakan tombol share dibawah.

1 comment

Leave a Reply

Your email address will not be published.