[email protected]
Twitter
LinkedIn
GitHub
  • Blog
  • GitHub
  • Currículum

Detectar AdBlock con jQuery o JavaScript

agosto 13, 2015Front-End, TrucosNo hay comentariosjfadev

Últimamente un gran numero de usuarios usa extensiones de navegador que bloquean la publicidad, la mas conocida es AdBlock Plus. Si nuestra web se financia gracias a la publicidad esto puede ser un problema. En este caso podemos usar JavaScript para detectar si AdBlock u otro plugin similar esta bloqueando nuestra publicidad.

Una astucia puede ser colocando el script de la publicidad dentro de un div y comprobar si su altura es superior a 0.

Html:

<div class="myAd">
    <!-- Ad code -->
</div>

JQuery:

jQuery(document).ready(function() {
    if (jQuery('.myAd').height() == 0) {
        // AdBlock active
    }
});

Js:

var interval = setInterval(function() {
    if (document.readyState === 'complete') {
        clearInterval(interval);
        if (document.getElementsByClassName('myAd')[0].clientHeight > 0) {
            // AdBlock active
        }
    }    
}, 100);

Otra astucia puede ser comprobar si existen iframes ya que publicidades como AdSense los usan.

jQuery:

if (jQuery('iframe').length > 0) {
    // AdBlock active
}

Js:

if (document.getElementsByTagName("iframe").item(0) == null) {
    // AdBlock active
}

: AdBlock, Ads, jQuery, JS, Web Developement
jfadev
https://jordifernandes.com
Programador y Desarrollador Web desde 2006. Diplomado en Ingeniería de Software en Marsella 15+ años de experiencia en Tecnologías Web.

Twitter

Mis tuits

Posts Recientes

  • Muestre una publicación de Instagram específica en WordPress con Jfa Social Media Post
  • Cree una imagen personalizada y distribúyala en Azure VMSS mediante GitHub Actions
  • Calculadora de Procesos PHP-FPM
  • Jfa PWA Toolkit
  • Lista de backlinks para posicionamiento web
  • Lista completa de generadores de backlinks para posicionamiento SEO
  • Modal Dialog para Material Design Lite
  • Ejecutar comando de Symfony2 desde cronjobs en CPanel en un host compartido
  • Detectar AdBlock con jQuery o JavaScript
  • Video: Introducción a Apache Cordova en Español

Categorías

  • Back-End (5)
  • DevOps (1)
  • Front-End (12)
  • monetización (0)
  • Noticias (8)
  • SEO (2)
  • Herramientas (6)
  • Trucos (10)
  • Uncategorized (3)

Descubra

  • Los Mejores Top 10
  • Tienda Slow Fashion
Twitter
LinkedIn
GitHub

© 2013-2022 Jordi Fernandes Alves (@jfadev)