Cara Memasang Anti AdBlock Semua Iklan 2022

Table of Contents

AdBlock adalah sebuah ekstensi browser yang berfungsi untuk mencegah tampilan iklan muncul. Tujuan utama pemasangan ekstensi ini adalah supaya pengunjung merasa nyaman saat membaca artikel tanpa harus terganggu oleh iklan yang bermunculan dan biasanya menutupi konten.

Bagi advertiser (pengiklan) maupun publisher (pemilik blog), hal ini akan menjadi masalah karena salah satu penghasilan utama sebagai bloger adalah dari iklan. Jika iklan tidak tampil, maka tidak ada penghasilan yang masuk. Oleh karena itu para pemilik blog harus mempunyai cara untuk mencegah Ekstensi AdBlock ini menghalangi iklan kita.

Pada tutorial kali ini saya akan menjelaskan bagaimana cara memasang script Anti Adblock semua jenis dan penyedia iklan (selain adsense juga). Script ini bekerja dengan memunculkan notifikasi pop-up yang akan memberi tahu pengunjung untuk mematikan fungsi AdBlock pada browser mereka atau menambahkan URL blog kalian kedalam Whitelist jika pengunjung mengaktifkan akstensi Adblock.

Cara Pemaasangan Script Anti AdBlock Di Blogger 2022

Cari kode script eksternal AdSense kalian dan HAPUS. Biasanya posisinya berada Di Atas / SEBELUM kode </head>.

Contoh Script Eksternal Adsense seperti berikut.

<script async="async" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-xxxx" crossorigin="anonymous">

xxxx adalah kode publisher AdSense yang angkanya berbeda-beda untuk setiap blog.

Jangan khawatir jika kode tersebut kita hapus, karena pemanggilan script eksternal tersebut akan diganti dengan script berikut ini.

Salin dan tempelkan script pengganti berikut ini Di atas kode </body>. Yang ditandai adalah nilai yang bisa diganti.

<script> //<![CDATA[
/* Anti AdBlock ala Siapngoding.my.id */
(function siapAdBlock() {
  let adPub = 'xxxx',
  adTitle = 'Matikan AdBlock',
  adText = 'Agar blog ini tetap berjalan, matikan AdBlock atau masukkan blog ini ke dalam whitelist. Terima kasih.',
  ad = document.createElement('script');
  ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-' + adPub;
  ad.async = true;
  ad.setAttribute('crossorigin', 'anonymous');
  ad.onerror = function() {
    let a = document.createElement('div');
    a.className = 'siapAdBlock';
    a.innerHTML = '<div class=\"adblock-outer\"><div class=\"adblock-inner\"><div class=\"adblock-icon\"><svg viewBox=\"0 0 24 24" fill=\"none" stroke=\"currentColor" stroke-width=\"2" stroke-linecap=\"round" stroke-linejoin=\"round"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"></path><line x1=\"12" y1="9" x2="12" y2="13\"></line><line x1=\"12" y1="17" x2="12.01" y2="17\"></line></svg></div><div class=\"adblock-wrapper\"><div class=\"adblock-title\">' + adTitle + '</div><div class=\"adblock-text\">' + adText + '</div></div></div></div>';
    document.body.append(a);
    document.body.style.overflow = 'hidden';
  };
  document.head.appendChild(ad);
})();
//]]> </script>

Kode	Keterangan
adPub	Kode publisher AdSense. Kode ini SANGAT WAJIB untuk diganti menjadi ID publisher blog kalian.
adTitle	Judul dari notifikasi popup Anti AdBlock
adText	Keterangan tambahan pada notifikasi AdBlock

Selanjutnya tambahkan kode css berikut ini dan tempelkan sebelum kode </style> atau ]]></b:skin>.

/* Anti AdBlock ala Siapngoding.my.id */
.siapAdBlock {
  background-color: rgba(0,0,0,.75);
  position: fixed;
  z-index: 999;
}
.siapAdBlock svg {
  height: 8rem;
  width: 8rem;
}
.siapAdBlock path {
  fill: #b82929;
}
.adblock-outer {
  margin: auto;
  max-height: 90vh;
  max-width: 640px;
  padding: 2rem;
  position: absolute;
}
.adblock-inner {
  background-color: #f4f4f4;
  border-radius: 15px;
  overflow: auto;
  padding: 2rem;
}
.siapAdBlock, .adblock-outer {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.adblock-outer, .adblock-inner {
  align-items: center;
  display: flex;
  display: inline-flex;
}
.adblock-wrapper {
  margin-left: 1rem;
}
.adblock-title {
  font-size: 2rem;
  font-weight: bolder;
  line-height: 2.5rem;
}
.adblock-text {
  margin-top: 1rem;
}
@media screen and (max-width: 640px) {
  .adblock-outer {
    max-width: 90vw;
  }
  .siapAdBlock svg {
    height: 5rem;
    width: 5rem;
  }
  .adblock-title {
    font-size: 1.75rem;
    line-height: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .adblock-inner {
    flex-direction: column;
  }
  .adblock-wrapper {
    margin-left: 0;
    margin-top: 1rem;
    text-align: center;
  }
}

Untuk tampilan script Anti AdBlock ini kalian bisa melihat demonya dengan menekan tombol demo di bawah ini .

Demo

Tampilan script ini sudah responsive untuk semua perangkat baik smartphone, tablet, maupun dekstop. Jika menurut kalian ada yang kuranng silahkan ubah sendiri sesuai selera masing-masing.

Cara Memasang Script Anti AdBlock Selain Adsense

Seperti yang sudah saya jelaskan di awal bahwa script ini support untuk semua jenis iklan dan penyedia iklan. Itu artinya script ini juga bisa digunakan untuk penyedia iklan selain adsense seperti Adstera atau MGID.

Cara penerapannya sama saja namun ada sedikit perbedaan pada kode, simak baik-baik.

Perhatikan kode berikut ini.

ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-' + adPub;

Pada kode yang ditandai silahkan ganti dengan URL script dari penyedia iklan. Semua penyedia iklan pasti memilikinya. Seperti contoh kode Adstera yang saya gunakan pada blog ini mempunyai URL lokal script seperti ini //slipheirphysician.com /31/48/d7/3148d747520a11502 1f2ba4ec1f502b0.js

Untuk menemukan URL lokal script dari penyedia iklan, lihat pada bagian ekstensinya, di mana semua URL lokal penyedia iklan akan mempunyai ekstensi *.js.

Namun script iklan dari penyedia lain selain adsense harus menempelkan semua kode nya. Bukan diganti pada bagian adPub.

Sehingga scriptnya akan seperti ini

<script> //<![CDATA[
/* Anti AdBlock ala Siapngoding.my.id */
(function siapAdBlock() {
  ....
  ....
  ....
  ad.src = '//slipheirphysician.com/31/48/d7/3148d747520a115021f2ba4ec1f502b0.js';
  ....
  ....
})();
//]]> </script>

<script type="text/javascript">
	atOptions = {
		'key' : '123456789',
		'format' : 'iframe',
		'height' : 60,
		'width' : 468,
		'params' : {}
	};
	document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://slipheirphysician.com/31/48/d7/3148d747520a115021f2ba4ec1f502b0.js"></scr' + 'ipt>');
</script>

Sekian tutorial tentang Cara Memasang Anti AdBlock Semua Iklan 2022 kali ini. Jika ada yang kurang paham silahkan tanyakan pada kolom komentar. Terimakasih.

Referensi:
https://www.igniel.com