[email protected]
Facebook
Gazouillement
LinkedIn
GitHub
  • Blog
  • GitHub
  • CV
    • LinkedIn
    • StackOverflow
  • 🙈
    • 🇺🇸 Anglais
    • 🇪🇸 Español
    • 🇫🇷 Français
    • 🇧🇷 Português

Détection d'AdBlock avec jQuery ou JavaScript

Août 13, 2015AstucesSans commentairesjfadev

Récemment, un grand nombre d'utilisateurs utilise des extensions de navigateur qui bloquent la publicité, le plus connu est AdBlock Plus. Si notre site Web est financé grâce à la publicité, cela peut être un problème. Dans ce cas, nous pouvons utiliser JavaScript pour détecter si AdBlock ou un autre plugin similaire bloque notre publicité.

Une ruse peut être placer le script de la publicité dans un div et vérifiez si votre taille est supérieure à 0.

Html:

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

 

JQuery:

1
2
3
4
5
jQuery(document).ready(function() {
    if (jQuery('.myAd').height() == 0) {
        // AdBlock active
    }
});

Js:

1
2
3
4
5
6
7
8
var interval = setInterval(function() {
    if (document.readyState === 'complete') {
        clearInterval(interval);
        if (document.getElementsByClassName('myAd')[0].clientHeight > 0) {
            // AdBlock active
        }
    }    
}, 100);

 

Une autre ruse peut être rechercher les iframes puisque les annonces du tipe AdSense les utilise.

jQuery:

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

Js:

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

 

: AdBlock, Ads, jQuery, JS, Web Developement
jfadev
https://jordifernandes.com
Programmeur et analyste des systèmes depuis 2006. Diplômé en Informatique de Gestion à Marseille +10 années d'expérience dans les technologies Web. Actuellement VueJS & Symfony.

Articles liés

Modal Dialog pour Material Design Lite

October 21, 2015jfadev

ECMAScript 6 (ECMAScript 2015): le nouvaux standard officiel de JavaScript approuvé

Juin 19, 2015jfadev

NativeScript: Apps natives en Javascript sans WebView

Mai 7, 2015jfadev

Traduire


Mes Tweets

Posts Rencents

  • JFA PWA Toolkit
  • Liste des backlinks pour SEO
  • Liste complete de générateurs de backlinks pour le positionnement SEO
  • Modal Dialog pour Material Design Lite
  • Exécuter une commande Symfony2 partir cronjobs dans CPanel sur un hébergement mutualisé
  • Détection d'AdBlock avec jQuery ou JavaScript
  • Vidéo: Introduction à Apache Cordova en espagnol
  • jQuery: Charger les images selon les besoins (lazy load)
  • Materializecss: un autre framework pour le Material Design
  • Répertoire de plus de 5.000 APIs

Liens Sponsorisés

Catégories

  • APIs (2)
  • Frameworks (8)
  • Bibliothèques (2)
  • Actualités (8)
  • Plugins (2)
  • Projets (1)
  • Sources (1)
  • Outils (4)
  • Astuces (7)

Découvrer

  • Los Mejores Top 10
  • Boutique Slow Fashion

Mots clés

3D Android API Apple Apps Babylon.js Backlinks Blog Bug Chrome Extension Database E-commerce ES6 Facebook Framework Game Engine Ghost Referrer Google Google Analytics HTML5 IndexedDB Internet des Objets iOS jQuery JS Material Design Messenger Native Apps PHP Portefeuille Referrer Spam Responsive Secret codes SEO SMS Spam Storage Symfony2 Éditeur de texte UI Web Developement WebGL Windows Phone WooCommerce Wordpress
Facebook
Gazouillement
LinkedIn
GitHub

© 2013-2019 Jordi Fernandes Alves