Rumah > hujung hadapan web > tutorial js > Cara melaksanakan JavaScript untuk menyemak sama ada iklan pada halaman disekat oleh kemahiran AdBlock_javascript

Cara melaksanakan JavaScript untuk menyemak sama ada iklan pada halaman disekat oleh kemahiran AdBlock_javascript

WBOY
Lepaskan: 2016-05-16 16:32:08
asal
2200 orang telah melayarinya

Semua orang membenci iklan. Apabila menonton TV, menonton filem, menonton Youku, atau melayari web, saya juga benci iklan yang berterbangan di merata tempat. Pengiklanan adalah perkara yang tidak menyenangkan. Walau bagaimanapun, bagi juruweb/blogger bersaiz kecil dan sederhana, pengiklanan hampir merupakan satu-satunya sumber dana yang boleh menyokong operasi biasa laman web/blog tersebut. Jika seorang blogger hanya menerbitkan artikel tanpa pamrih, sangat sedikit yang boleh bertahan selama beberapa tahun. Kebanyakan perlahan-lahan kehilangan semangat mereka.

Kedua-dua Firefox dan Google Chrome mempunyai pemalam yang boleh menyekat iklan pada halaman, yang paling terkenal ialah AdBlock dan AdBlock Plus. Beberapa hari lalu, saya membuat statistik untuk melihat berapa ramai pengguna yang melayari tapak web menggunakan pemalam AdBlock, dan mendapati bahawa jumlah ini sebenarnya menyumbang 1/5 daripada jumlah pelawat.

1/5 adalah angka yang besar. Bagaimanakah kita boleh menggantikan ruang iklan dengan imej lain pada halaman 1/5 pengguna yang menggunakan pemalam AdBlock? Untuk melakukan ini, anda perlu terlebih dahulu mempunyai cara untuk mengetahui bahawa pemalam AdBlock sedang digunakan dalam penyemak imbas. Selepas beberapa ujian, saya mendapati bahawa AdBlock sangat sensitif terhadap perkataan seperti "Iklan" atau "Google AD". menjadi AdBlocked Pemalam disekat, iaitu paparan:tiada:

Salin kod Kod adalah seperti berikut:


Dengan peraturan ini, saya boleh menggunakan JavaScript untuk mengetahui sama ada pemalam AdBlock didayakan dalam penyemak imbas semasa. Mula-mula, kami meletakkan kod iklan Google ke dalam div dan meletakkan nama kelas yang mewakili Google AD dengan jelas ke dalam nama kelas css div:

Salin kod Kod adalah seperti berikut:


Kemudian gunakan Js untuk mengesan di bahagian bawah halaman:

Salin kod Kod adalah seperti berikut:

if ($('.google-ad').height() == 0) showOtherImage();

Terdapat satu lagi masalah di sini Iklan Google biasanya dipaparkan selepas Dom dimuatkan Untuk memastikan pengesanan selepas iklan Google dimuatkan, ciri pelaksanaan tertunda mesti ditambahkan pada kod js untuk mengelakkan pengesanan palsu:

Salin kod Kod adalah seperti berikut:

$(fungsi(){
setTimeout(function(){
if ($('.google-ad').height() == 0)
tunjukkanImejLain();
},3000);
});

Apa yang boleh kita lakukan dalam kaedah showOtherImage(); Kami boleh meletakkan beberapa gambar promosi dan pautan dari JD.com, Dangdang, Amazon dan laman web lain, dan mendapat komisen, yang boleh dianggap sebagai sedikit pampasan untuk kerugian.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan