Sebagai webmaster di Indonesia, Anda pasti pernah menghadapi tantangan iklan yang diblokir oleh adblock. Ini bisa berdampak signifikan pada pendapatan Anda, apalagi mengingat popularitas adblock yang terus meningkat di kalangan pengguna internet Indonesia.
Solusinya? Membuat anti adblock yang efektif.
Namun, perlu diingat bahwa membuat anti adblock yang etis dan efektif bukanlah hal yang mudah. Artikel ini akan menjadi panduan lengkap Anda untuk memahami konsep anti adblock, berbagai teknik implementasi, serta hal-hal yang perlu diperhatikan agar situs Anda tetap ramah pengguna dan terhindar dari sanksi.
Apa itu Anti Adblock?
Anti adblock adalah teknik atau script yang digunakan untuk mendeteksi dan melewati pemblokir iklan (adblock) yang digunakan oleh pengguna. Dengan anti adblock, Anda bisa menampilkan iklan kepada pengguna meskipun mereka menggunakan adblock.
Teknik Umum Anti Adblock
Ada beberapa teknik umum yang digunakan untuk membuat anti adblock, antara lain:
1. Deteksi JavaScript: Script anti adblock dapat mendeteksi ketidakhadiran file JavaScript tertentu yang biasa digunakan oleh adblock. Jika file tersebut tidak ada, script akan menganggap pengguna menggunakan adblock dan menampilkan peringatan atau konten alternatif.
2. Deteksi CSS: Teknik ini mirip dengan deteksi JavaScript, namun berfokus pada elemen CSS tertentu yang digunakan oleh adblock.
3. Pemeriksaan DOM: Script dapat memeriksa keberadaan elemen HTML tertentu yang biasanya diblokir oleh adblock. Jika elemen tersebut tidak ada, maka dianggap pengguna menggunakan adblock.
4. Jaringan cloaking: Teknik ini melibatkan pengiriman konten yang berbeda kepada pengguna yang menggunakan adblock dan pengguna yang tidak. Hal ini bisa melanggar kebijakan beberapa jaringan iklan dan dianggap sebagai praktik yang tidak etis.
Pentingnya Anti Adblock yang Etis dan Efektif
Tidak semua anti adblock diciptakan sama. Berikut beberapa hal yang perlu diperhatikan ketika membuat anti adblock:
# Etis: Menghormati pilihan pengguna untuk memblokir iklan. Hindari teknik yang mengganggu, manipulatif, atau memaksa pengguna untuk melihat iklan.
# Efektif: Pastikan anti adblock Anda dapat melewati adblock populer yang digunakan di Indonesia.
# Aman: Hindari teknik yang berpotensi membuat situs Anda rentan terhadap serangan keamanan.
# SEO-friendly: Pastikan anti adblock Anda tidak berdampak negatif pada peringkat SEO situs Anda.
# Kompatibilitas: Pastikan anti adblock Anda kompatibel dengan berbagai browser dan platform.
Cara Membuat Anti Adblock Sederhana yang dapat menyembunyikan elemen html di blogger
Dibawah ini aku berikan contoh anti adblock yang dapat menghilangkan elemen html, kalian bisa custom misal area html download box, navbar, atau bahkan menghilangkan keseluruhan body blog. Berikut cara membuat anti adblock dasar menggunakan teknik deteksi JavaScript:
{notif} $fungsi={warning}- Masuk ke blogger.com > tema > edit html
- Copy dan pastekan kode JavaScript anti adblock berikut ini tepat di atas </body> atau dibawah <body>
<script type='text/javascript'>
//<![CDATA[
function init(){adsBlocked(function(o){if(o){var n=$(".mainWrp");n.after("<div class='warning-box'>Matikan AdBlock untuk melihat konten</div>"),n.remove()}else console.log("Ad-blocker Enabled : "+o)})}function adsBlocked(o){var n=new Request("https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js",{method:"HEAD",mode:"no-cors"});fetch(n).then(function(o){return o}).then(function(n){console.log(n),o(!1)}).catch(function(n){console.log(n),o(!0)})}setTimeout(()=>{init()},0);
//]]>
</script>
.warning-box { background: #ffcccb;border: 1px solid #e74c3c;color: #c0392b;padding: 15px;margin: 10px 0;border-radius: 5px;text-align: center;}
Catatan:
* Ubah text pada kode <div class='warning-box'>Matikan AdBlock untuk melihat konten</div> agar sesuai yang kamu inginkan.
* .mainWrp ganti dengan class atau id atau elemen html yang ingin dihilangkan
Perlu diingat bahwa ini mungkin tidak efektif terhadap semua adblock. Teknik yang lebih kompleks biasanya melibatkan kombinasi dari beberapa teknik yang disebutkan sebelumnya.
Jika anti adblock tidak berfungsi
- Perhatikan penulisan id, class atau elemen html
- Tambahkan tag jquery diatas kode anti adblock
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js' type='text/javascript'></script>Teknik Anti Adblock Lanjutan
Untuk membuat anti adblock yang lebih efektif, Anda bisa menggunakan teknik seperti:
* Mengubah nama file dan kelas: Adblock sering memblokir berdasarkan pola tertentu. Ubah nama file dan kelas yang digunakan untuk iklan Anda untuk menghindari pemblokiran.
* Menggunakan obfuscation: Teknik ini membuat kode anti adblock Anda lebih susah dibaca dan dideteksi oleh adblock.
* Menggunakan jaringan iklan khusus: Beberapa jaringan iklan menawarkan solusi anti adblock yang lebih kompleks dan efektif.
Namun, perlu diingat bahwa teknik lanjutan ini bisa menjadi rumit dan berpotensi melanggar kebijakan jaringan iklan tertentu. Sebaiknya konsultasikan dengan developer berpengalaman sebelum menerapkan teknik ini.
Hal yang Perlu Diperhatikan
Sebelum menerapkan anti adblock, pastikan Anda memahami beberapa hal penting:
* Dampak pada pengguna: Beberapa pengguna mungkin merasa terganggu oleh anti adblock, apalagi jika diterapkan secara agresif.
* Reputasi situs: Penggunaan anti adblock yang tidak etis bisa merusak reputasi situs Anda dan menurunkan kepercayaan pengguna.
* Sanksi: Beberapa jaringan iklan dan platform bisa memberikan sanksi kepada situs yang menggunakan anti adblock yang melanggar kebijakan mereka.
Kesimpulan
Membuat anti adblock yang efektif dan etis untuk sembunyikan elemen html saat adblock di nyalakan bukanlah hal yang mudah. Diperlukan pemahaman teknis, pertimbangan etis,
Sekian tutorial kali ini. *Mitake Ran
Demo diatas aku memasukkan tag body: artinya aku sembunyikan semua elemen yang ada didalam body.
gak work bang, ada demonya gak ya?
ReplyDeletedicoba lagi gan, udah diupdate penmabahan css dan demo.
Deletethankyou min work, tapi kalo user pake Ublock Origin masih tembus. Ngeri betul adblock, pro bener devnya wkwkwk
DeleteApakah Mitake Ran dan Rui orang yang sama?
ReplyDeleteSaya membuat tema baru khusus untuk developer blogger.
ReplyDeleteKalau minat, buat akun github, nanti saya berikan gratis (terbatas untuk 5 orang).
Intinya aku ingin ramai orang bikin tutorial, membuat tema, atau share trik tips seputar blogger anime. Yg bukan developer bisa dapat juga.
Proyek ini baru berumur satu minggu, mungkin selesai bulan depan.
Demo
Semangat nulis tutorialnya.