- Desde
- 13 May 2014
- Mensajes
- 14
He estado buscando por el foro sobre este tema y solo he encontrado maneras de bloquear totalmente el acceso al contenido de los usuarios que tienen activo el AdBlock Plus. Yo considero que esa opción es muy mala porque si directamente no puede ver el contenido el usuario se marchará antes de desactivar AdBlock Plus y si el usuario se marcha se pierde una visita que podía haber comentado, votado o compartido en las redes sociales nuestro contenido, así que voy a mostrar un pequeño js que nos permitirá reconocer si el usuario usa AdBlock y cuando bloquee el anuncio lo substituiremos por un aviso donde le "aconsejamos" que sería bueno que lo desactivara para nuestra web. Abajo esta la demo para probarlo 
Para representar el anuncio creamos un archivo .js que contendrá el anuncio (banner) a reflejar en la web para bloquearlo. En este archivo tendremos el anuncio. Lo llamaremos ad_banner.js
Creamos un index.html para montar la web de ejemplo donde queremos aplicar este sistema.
En concreto el script que tenemos aquí es el que nos hace la faena, si detecta la etiqueta del ad_banner significa que no se ha bloqueado el archivo del anuncio y lo esta mostrando, si no la detecta quiere decir que el archivo del anuncio se ha bloqueado y no se esta mostrando esa etiqueta, entonces mostramos nuestro aviso en vez del anuncio bloqueado.
Esto me ha hecho pensar y he probado de poner el código del anuncio dentro del mensaje que muestra cuando bloquea el anuncio, pensando que bloquearía un anuncio pero el otro no y así seguir mostrando anuncio en vez del aviso, pero no funciona, también lo detecta y lo bloquea :grumpy:
Personalmente, utilizo siempre AdBlock Plus, pero en las páginas que visito diariamente lo desbloqueo para dar soporte a las webs (o haciéndole algún donativo si la web lo permite), considero que es una buena manera de sacar un rendimiento a una web, a veces la única, pero no tolero los webmasters que ponen 20.000 anuncios y pop ups y toda la pesca, si se abusa de una cosa al final la gente se cansa y, en este caso, espero que no tengan la cara de utilizar algo como lo del ejemplo para pedir que desactiven el plugin. Sin malos rollos eh ! :encouragement:
Es una manera muy sencilla de detectarlo y seguro que las hay de más elaboradas. Dejo la demo aquí para que podáis probarlo.
¿Qué os parece, estáis a favor o en contra de utilizar esto, o sois más afines a bloquear todo el contenido directamente?
Créditos
Demo
Para representar el anuncio creamos un archivo .js que contendrá el anuncio (banner) a reflejar en la web para bloquearlo. En este archivo tendremos el anuncio. Lo llamaremos ad_banner.js
Insertar CODE, HTML o PHP:
document.write('<div id="ad_banner"><a href="http://www.whasabbi.com/"><img alt="whasabbi" src="http://www.whasabbi.com/i_love_whasabbi.png" height="90" width="729"/></a></div>');Creamos un index.html para montar la web de ejemplo donde queremos aplicar este sistema.
HTML:
<!DOCTYPE html>
<html lang="es">
<head>
<meta name="keywords" content="AdBlock, Plus, detectar" />
<meta name="description" content="Detecta si el usuario tiene instalado AdBlock Plus en su navegador." />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Detectar AdBlock Plus en navegador</title>
<style>
#ad_banner{width: 100%;text-align:center;}
.yes {width: 689px;margin: 20px auto;padding: 20px;background: #CF9;border: 1px solid #9C3;}
.no {width: 689px;margin: 20px auto;padding: 20px;background: #FCC;border: 1px solid #F66;}
</style>
</head>
<body>
<script type="text/javascript" src="ad_banner.js"></script>
<script type="text/javascript">
if (document.getElementById("ad_banner") != undefined) {
document.write('<p class="yes">No se ha detectado AdBlock Plus. Actívalo para ver como se bloquea el anuncio</p>');
} else {
document.write('<p class="no">Se ha detectado AdBlock Plus y podemos explicarle brevemente al usuario que la única forma de manetener el sitio es mediante la publicidad y pedirle que desactive AdBlock Plus para esta página. Desactívalo para ver como se muestra el anuncio.</p>');
}
</script>
</body>
</html>En concreto el script que tenemos aquí es el que nos hace la faena, si detecta la etiqueta del ad_banner significa que no se ha bloqueado el archivo del anuncio y lo esta mostrando, si no la detecta quiere decir que el archivo del anuncio se ha bloqueado y no se esta mostrando esa etiqueta, entonces mostramos nuestro aviso en vez del anuncio bloqueado.
Esto me ha hecho pensar y he probado de poner el código del anuncio dentro del mensaje que muestra cuando bloquea el anuncio, pensando que bloquearía un anuncio pero el otro no y así seguir mostrando anuncio en vez del aviso, pero no funciona, también lo detecta y lo bloquea :grumpy:
Personalmente, utilizo siempre AdBlock Plus, pero en las páginas que visito diariamente lo desbloqueo para dar soporte a las webs (o haciéndole algún donativo si la web lo permite), considero que es una buena manera de sacar un rendimiento a una web, a veces la única, pero no tolero los webmasters que ponen 20.000 anuncios y pop ups y toda la pesca, si se abusa de una cosa al final la gente se cansa y, en este caso, espero que no tengan la cara de utilizar algo como lo del ejemplo para pedir que desactiven el plugin. Sin malos rollos eh ! :encouragement:
Es una manera muy sencilla de detectarlo y seguro que las hay de más elaboradas. Dejo la demo aquí para que podáis probarlo.
¿Qué os parece, estáis a favor o en contra de utilizar esto, o sois más afines a bloquear todo el contenido directamente?
Créditos
Demo
