¿No conoces el ChorriClub?

Comunidad, Cursos, Soporte y Herramientas
Mucho SEO y WordPress
Únete ahora con el descuento FOROBLACKHAT

Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5

[TUT] Muestra un mensaje para los usuarios con Adblock
#1

Cada vez es más común que los usuarios naveguen con el plugin de Adblock activado para que les elimine toda la publicidad.

Unas de las maneras de poder mostrarle algún mensaje a estos usuarios es tan sencillo mirar una capa de publicidad y si esta en su interior no tiene contenido, quiere decir que el adblock lo ha removido. Por ejemplo para la publicidad más común que es el adsense sería el siguiente código:

Código:
<script>
  
  // Run after all the page elements have loaded
  window.onload = function(){
  
    // This will take care of asynchronous Google ads
    setTimeout(function() {
      
      // We are targeting the first banner ad of AdSense
      var ad = document.querySelector("ins.adsbygoogle");
      
      // If the ad contains no innerHTML, ad blockers are at work
      if (ad && ad.innerHTML.replace(/\s/g, "").length == 0) {
        
        // Since ad blocks hide ads using CSS too
        ad.style.cssText = 'display:block !important';
        
        // You can put any text, image or even IFRAME tags here
        ad.innerHTML = 'Your custom HTML messages goes here';
      
      }
      
    }, 2000); // The ad blocker check is performed 2 seconds after the page load
  };
  
</script>

Debes modificar ad.innerHTML = 'Your custom HTML messages goes here'; que es el HTML que vas a mostrar al usuario.

Canal SEO en Telegram premium
Influenet - Compra/Venta de artículos patrocinados. Sonrisa
Responder
#2

Lo acabo de probar y no funciona Triste

Error al analizar XML, línea 1053, columna 15: The entity name must immediately follow the '&' in the entity reference

Esta línea:

if (ad && ad.innerHTML.replace(/\s/g, "").length == 0) {

kou, orgulloso de ser un miembro de Foro Black Hat SEO desde Jan 2016.
Responder
#3

Es más sencillo hacer lo que dices de esta forma:

<script>
$(document).ready( function() {
window.setTimeout( function() {
var bottomad = $('#bottomAd'); // Div que tiene algo de contenido que ha desaparecido
if (bottomad.length == 1) {
// FUNCION EN JQUERY PARA MOSTRAR EL BLOQUEADOR
}
}
}, 1);
});
</script>
Responder
#4

que buena, lo probare

[Imagen: beta.gif]
Responder


Posibles temas similares…
Tema / Autor Respuestas Vistas Último mensaje

Salto de foro:


Usuarios navegando en este tema: 1 invitado(s)
Telegram Grupo Telegram