Semua orang membenci iklan. Saat menonton TV, film, youku, dan halaman web, saya juga membenci iklan yang terbang di seluruh langit. Iklan adalah sesuatu yang tidak populer. Namun, untuk webmaster/blogger situs web berukuran kecil dan menengah, iklan hampir merupakan satu-satunya sumber dana yang dapat mendukung operasi normal situs web/blog. Jika seorang blogger hanya menerbitkan manuskrip tanpa pamrih, ada sangat sedikit orang yang bisa bertahan selama beberapa tahun. Sebagian besar dari mereka perlahan kehilangan antusiasme mereka.
Firefox dan Google Chrome memiliki plug-in yang dapat memblokir halaman ke iklan, yang paling terkenal di antaranya adalah Adblock dan Adblock Plus. Beberapa hari yang lalu, saya melakukan statistik untuk melihat berapa banyak pengguna menelusuri situs web yang menggunakan plug-in AdBlock, dan menemukan bahwa nomor ini sebenarnya berjumlah 1/5 dari total jumlah pemirsa.
1/5 adalah sejumlah besar. Bagaimana kami dapat mengganti ruang iklan dengan gambar lain di halaman pengguna yang menggunakan plug-in adblock di 1/5? Untuk melakukan ini, hal pertama adalah melakukan adalah mengetahui bahwa plugin AdBlock digunakan di browser saat ini. Setelah beberapa tes, saya menemukan bahwa AdBlock sangat sensitif terhadap kata -kata seperti "iklan" atau "Google AD". Selama memiliki kata "iklan" dalam nama kelas ID atau CSS dari elemen halaman tertentu, elemen ini pada dasarnya akan diblokir oleh plug-in adblock, yaitu tampilan: tidak ada:
Salinan kode adalah sebagai berikut:
<Div class = 'Google-AD testad'> Div ini akan diblokir </div>
Dengan aturan ini, saya dapat menggunakan JavaScript untuk mengetahui apakah plug-in AdBlock diaktifkan di browser saat ini. Pertama, kami memasukkan kode iklan Google ke dalam div dan memasukkan nama kelas CSS div ke dalam nama kelas yang jelas mewakili Google AD:
Salinan kode adalah sebagai berikut:
<Div class = 'Google-AD testad'> Tempatkan kode iklan Google di sini </div>
Kemudian gunakan JS untuk mendeteksi di bagian bawah halaman:
Salinan kode adalah sebagai berikut:
if ($ ('. Google-ad'). Height () == 0) showotherimage ();
Ada masalah lain di sini. Iklan Google biasanya merujuk ke tampilan setelah DOM dimuat. Untuk memastikan bahwa iklan Google terdeteksi setelah pemuatan, Anda perlu menambahkan fitur eksekusi tertunda ke kode JS, yang menghindari deteksi kesalahan:
Salinan kode adalah sebagai berikut:
$ (function () {
setTimeout (function () {
if ($ ('. Google-ad'). tinggi () == 0)
showotherimage ();
}, 3000);
});
Apa yang bisa kita lakukan di showotherimage (); Metode di sini? Kami dapat menempatkan beberapa gambar promosi dan tautan di situs web lain JD.com, Dangdang, dan Amazon.com. Dengan mendapatkan komisi, itu agak sedikit kompensasi untuk kerugian.