Lompat ke konten Lompat ke sidebar Lompat ke footer

Script Anti AdBlock Chrome Untuk Website/Blog

Script Anti AdBlock Untuk Website/Blog 

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 ini, pengunjung website hanya menerima website dengan artikel dan konten-konten inti saja.

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

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

Mohon digunakan script ini dengan bijak ya.

 

Cara Instalasi Script Anti AdBlock.

Untuk mulai proses instalasinya, siapkan sebuah Widget HTML di layout website atau blog anda. Pada kasus ini saya memasang script anti AdBlock ini 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 ini:

Cara Membuat Script Anti AdBlock Untuk Website/Blog

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

Posting Komentar untuk "Script Anti AdBlock Chrome Untuk Website/Blog "