Todos odian la publicidad. Cuando veo televisión, películas, Youku y páginas web, también odio los anuncios que vuelan por todo el cielo. La publicidad es algo que no es popular. Sin embargo, para un webmaster/blogger de sitio web pequeño y mediano, la publicidad es casi la única fuente de fondos que pueden admitir el funcionamiento normal del sitio web/blog. Si un blogger solo publica manuscritos desinteresadamente, hay muy pocas personas que puedan durar unos años. La mayoría de ellos lentamente perdió su entusiasmo.
Firefox y Google Chrome tienen complementos que pueden bloquear páginas en anuncios, los más famosos de los cuales son AdBlock y AdBlock Plus. Hace unos días, hice una estadística para ver cuántos usuarios navegan por el sitio web utilizó el complemento AdBlock y descubrí que este número realmente ascendió a 1/5 del número total de espectadores.
1/5 es un gran número. ¿Cómo podemos reemplazar el espacio de anuncios con otras imágenes en las páginas de los usuarios que usan el complemento AdBlock en 1/5? Para hacer esto, lo primero es hacer es saber que el complemento AdBlock se usa en el navegador actual. Después de algunas pruebas, descubrí que AdBlock es muy sensible a palabras como "AD" o "Google AD". Siempre que tenga la palabra "anuncio" en el nombre de clase ID o CSS de un determinado elemento de página, este elemento básicamente será bloqueado por el complemento AdBlock, es decir, Display: Ninguno:
La copia del código es la siguiente:
<div class = 'Google-Ad testad'> Este div se bloqueará </div>
Con esta regla, puedo usar JavaScript para descubrir si el complemento AdBlock está habilitado en el navegador actual. Primero, pusimos el código de anuncio de Google en un DIV y ponemos el nombre de clase CSS del DIV en un nombre de clase que representa claramente el anuncio de Google:
La copia del código es la siguiente:
<div class = 'Google-Ad testad'> Coloque el código de anuncio de Google aquí </div>
Luego use JS para detectar en la parte inferior de la página:
La copia del código es la siguiente:
if ($ ('. Google-ad'). Height () == 0) showothereMage ();
Hay otro problema aquí. Los anuncios de Google generalmente se refieren a la pantalla después de cargar DOM. Para garantizar que los anuncios de Google se detecten después de la carga, debe agregar funciones de ejecución retrasadas al código JS, que evita la detección de errores:
La copia del código es la siguiente:
$ (function () {
setTimeOut (function () {
if ($ ('. Google-ad'). Height () == 0)
showothereMage ();
}, 3000);
});
¿Qué podemos hacer en el showothereMage (); método aquí? Podemos colocar algunas imágenes y enlaces promocionales en otros sitios web de JD.com, Dangdang y Amazon.com. Al obtener comisiones, es un poco de compensación por las pérdidas.