Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Tutorial Detectar AdBlock y mostrar mensaje (jQuery)
#1
Información 


Hola amigos de Skylium, hoy he decidido añadir un pequeño detalle a mi web.

He decidido detectar si el usuario está usando un bloqueador de publicidad.

Esto no con la finalidad de bloquear la página o evitar que visualicen algún contenido. 

La verdad yo me he topado con muchos plugins que hacen ésto y me parece un poco molesto que al ingresar a una página de repente se bloquee todo y te salte un cartel (a veces algo agresivo) advirtiendo que para ver el contenido debes desactivar el bloqueador de publicidad. Tratando de forzarte a hacer lo que piden.

La realidad es que los usuarios hemos sido forzados a utilizar ésta clase de bloqueadores de publicidad debido al mal uso que hacen muchas páginas al sobre cargar de publicidad muchas veces molesta los sitios que visitamos.


Entonces mi idea fue mostrar un simple "cartelito" con un mensaje amable indicando al visitante que "no ponemos mucha publicidad y que el hecho de desactivar el bloqueador de publicidad para éste sitio nos ayudaría como webmasters o programadores a mantenernos online".. El mensaje no lo tengo concreto aún, no se exactamente que voy a poner pero ésa es la idea. : D

Para conseguir ésto me puse a investigar y encontré una manera muy simple de hacerlo, lo he probado, me ha funcionado y por ello he decidido compartirlo con ustedes.


El método es el siguiente:

[Yo utilizo Adsense en mi web]

Después del código que añade la publicidad en tu sitio colocar lo siguiente:
Código:
<div class="ad-placement" id="ablockercheck"></div>
<div id="ablockermsg" style="display:none;"></div>  



Ahora vamos a utilizar jQuery, añade en el footer o después de haber llamado a jquery el siguiente código:
Código:
<script>$(document).ready(function(){if(!$("#ablockercheck").is(":visible")){$("#ablockermsg").text("Mensaje para mostrar aquí").show();}});</script>

Y listo!. Éso sería todo lo que hay que hacer, puedes personalizar el mensaje a mostrar y añadir css para estilizar el mensaje.



La fuente de donde obtuve el código es la siguiente:
Código:
http://stackoverflow.com/questions/4869154/how-to-detect-adblock-on-my-website

Ahí pueden encontrar otros métodos para lograr el mismo resultado pero a mí éste que les comparto es el que más me gustó por su simplicidad y lo probé con éxito en mi web, que incluso si quieren ver el código en acción la pueden visitar.




Y bien, con ésto finalizo mi aporte, espero que les sea de ayuda.

Saludos y hasta la próxima!  Interesante ¡Me gusta!
WWW
#2
Me suena haber visto algo similar a esto hace tiempo y pues la verdad es demasiado simple pero eficaz.
WWW
#3
Mucho mejor y menos agresivo que ocultar todo el contenido, algo que me resulta muy desagradable y que he visto ya en varios sitios.
WWW
#4
Si ya lo he visto en varios sitios web, que pereza eso xD, mucha publicidad, pero buen plugin para probar gracias
#5
A veces la solución más simple es la mejor. Gracias por el aporte ¡Me gusta! la verdad es que entiendo q la gente necesita la publicidad para mantenerse a flote pero bloquear la página entera a menos q desactives el adbloquer me parece pasarse. Cada vez que me pasa me salgo de la página.

en mis ratos libres diseño camisetas: https://www.threadless.com/@pumpkin_queen
En breves también espero tener mi propio blog sobre Community Management, social media y otros.
#6
(26-01-2016, 11:00 PM)Vicen escribió: Me suena haber visto algo similar a esto hace tiempo y pues la verdad es demasiado simple pero eficaz.

Así es amigo @Vicente, antes de publicar el tema busqué en el foro y ya hay otros temas, incluso un "plugin" que logra el mismo efecto sin embargo el método es diferente y más complicado. Decidí compartir éste método por la simplicidad del mismo.


(27-01-2016, 08:09 AM)AbaddonOrmuz escribió: Mucho mejor y menos agresivo que ocultar todo el contenido, algo que me resulta muy desagradable y que he visto ya en varios sitios.
Así es amigo, eso es lo peor que puedes hacer, bloquear la página. Lo único que consigues es ahuyentar al visitante.


(27-01-2016, 06:15 PM)LaaprendizdeCM escribió: A veces la solución más simple es la mejor. Gracias por el aporte  ¡Me gusta! la verdad es que entiendo q la gente necesita la publicidad para mantenerse a flote pero bloquear la página entera a menos q desactives el adbloquer me parece pasarse. Cada vez que me pasa me salgo de la página.

Me pasa igual, si veo ésta clase de bloqueos en la página lo primero que pienso es en no volver a ingresar ahí.

Por otro lado todos como webmasters sabemos que la publicidad es uno de los pocos ingresos que a veces tenemos y necesitamos para seguir online, entonces si una página nos gusta o visitamos seguido nada nos cuesta desactivar estos bloqueadores de publicidad que hacerlo está al alcance de 2 clics.

Por ejemplo el foro de Skylium, no tiene mucha publicidad y no es para nada molesta. ¿Que nos cuesta desactivar los bloqueadores para éste sitio?
El foro que nos otorga Hosting completamente gratuito y la oportunidad de pagar con posts un servicio de calidad que en muchos otros lugares te cobrarían. Con ésto estaríamos ayudando un "poquito" a los gastos que conllevan mantenernos a todos online.


Saludos a todos!  Interesante ¡Me gusta!
WWW
#7
Realmente el problema se debe a que muchos administradores de las páginas webs han obligado a los usuarios a tragarse la publicidad y por ese motivo mayormente suelen bloquear toda la publicidad por unos cuantos pagamos todos.
WWW
#8
Está claro que por aquellos interminables pops-ups que no paraban de abrirse y que con esos banners con sonido que poblaban las webs hemos pagado los webmsters que éramos mucho más cuidadosos y respetuosos con el usuario.

Y creo que el mejor método para decirle al usuario que yo no soy como ellos y que "mi" publicidad no le va a molestar es como éste. Me desesperan las webs que chapan completamente a los usuarios que usan adblock.


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  jQuery: ocultar imágenes rotas Jvh_22 10 726 03-01-2017, 09:26 PM
Último mensaje: gassip
Estrella [Aporte] La nueva generación de jQuery tendrá cambios en su nomenclatura carlsmartg 1 322 03-08-2016, 09:23 PM
Último mensaje: Boreas
  [Duda] Como implementar Jquery.cookie llProKsll 3 397 11-02-2016, 01:55 PM
Último mensaje: Vicen
  Libro de jQuery en español CarlosAlberto 1 435 30-12-2015, 11:39 PM
Último mensaje: habacuc78
Ladrillo [JS] Detectar Móviles & Redireccionar Aeoris 12 1,055 24-10-2015, 07:36 AM
Último mensaje: zeuz
  [Tutorial] jQuery HTML5 Form Plugin - jQuery Form Plugin luis.ml 0 310 16-08-2015, 02:02 AM
Último mensaje: luis.ml
  Configurar Mostrar indice de archivos en una carpeta por .htaccess Kevin9908 0 363 01-07-2015, 02:23 AM
Último mensaje: Kevin9908
Ladrillo Como usar botones "disabled" y activarlos por JQuery Kevin9908 0 381 25-06-2015, 04:38 PM
Último mensaje: Kevin9908
  InHabilitar Click derecho sin mensaje y con mensaje RezakeaoCrew 2 320 06-05-2015, 12:12 AM
Último mensaje: RezakeaoCrew
  [PHP] Leer y mostrar archivo de texto torgar22 0 778 28-02-2015, 02:36 PM
Último mensaje: torgar22



Usuarios navegando en este tema: 1 invitado(s)