Masquer un champ en Javascript si Adblock est activé

Version imprimable

2 pièce(s) jointe(s)

Bonjour à tous,

comme indiqué dans le titre j'ai une application de tirage au sort en JS et je voudrais que si l'utilisateur à Adblock d'activé qu'il puisse pas la voir.

J'ai fais un test avec les publicité de mon site, en simplement mettant la publicité dans une DIV et si la DIV est de taille 0 on affiche un message. Malheureusement le message d'affiche tout le temps comme vous pouvez le voir...
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 <!DOCTYPE html> <html style="font-size: 16px;"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <head> <script> function TestPub(){ if ($("#pub").height() == 0){ document.getElementById("pub").innerHTML = "<p>Lorem ipsum</p>"; } } $(TestPub); </script> </head> <div id="pub">  <ins data-zone="235058" class="byadthink"></ins> <script type="text/javascript" async="async" src="//ad.adxcore.com/adjs_r.php?async&what=zone:235058&inf=no"></script> <ins data-zone="235058" class="byadthink"></ins> <script type="text/javascript" async="async" src="//ad.adxcore.com/adjs_r.php?async&what=zone:235058&inf=no"></script> <ins data-zone="235058" class="byadthink"></ins> <script type="text/javascript" async="async" src="//ad.adxcore.com/adjs_r.php?async&what=zone:235058&inf=no"></script> </div> <ins data-zone="235058" class="byadthink"></ins> <script type="text/javascript" async="async" src="//ad.adxcore.com/adjs_r.php?async&what=zone:235058&inf=no"></script> <ins data-zone="235058" class="byadthink"></ins> <script type="text/javascript" async="async" src="//ad.adxcore.com/adjs_r.php?async&what=zone:235058&inf=no"></script> <ins data-zone="235058" class="byadthink"></ins> <script type="text/javascript" async="async" src="//ad.adxcore.com/adjs_r.php?async&what=zone:235058&inf=no"></script> </body> </html>
et voila le resultat:

Pièce jointe 589487

Adblock Plus est désactivé; le bloc des trois publicité en bas s'affiche mais dans celui d'en haut il affiche par défaut le texte

malgré que la DIV a une taille

Pièce jointe 589488

27/01/2021, 20h22
Doksuri

ton script est dans une balise <script> sans aucun parametres, donc ta function TestPub est executee au moment ou le navigateur arrive a ton <script>
=> a ce moment, ton document n'est pas fini de charger, donc ton div de pub n'a pas encore recu sa pub, donc fait une hauteur de 0

il faudrait faire appel a ton TestPub dans un window.onload developer.mozilla.org/fr/docs/Web/Events/load (voir meme un script qui "pilote" l'affichage des pubs, pour tester apres le chargement des pubs)

Hello,

j'ai essayé le onload mais je crois qu'il me manque quelque chose

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html style="font-size: 16px;">
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 
  <head>
    </head>
    <body onload="TestPub()">
 
       <div id="pub"> 
       <!-- 250x250_atf  Square-->
          <ins data-zone="235058" class="byadthink"></ins>
          <script type="text/javascript" async="async" src="//ad.adxcore.com/adjs_r.php?async&amp;what=zone:235058&amp;inf=no"></script>
          <ins data-zone="235058" class="byadthink"></ins>
          <script type="text/javascript" async="async" src="//ad.adxcore.com/adjs_r.php?async&amp;what=zone:235058&amp;inf=no"></script>
          <ins data-zone="235058" class="byadthink"></ins>
          <script type="text/javascript" async="async" src="//ad.adxcore.com/adjs_r.php?async&amp;what=zone:235058&amp;inf=no"></script>
       </div>
 
         <ins data-zone="235058" class="byadthink"></ins>
          <script type="text/javascript" async="async" src="//ad.adxcore.com/adjs_r.php?async&amp;what=zone:235058&amp;inf=no"></script>
          <ins data-zone="235058" class="byadthink"></ins>
          <script type="text/javascript" async="async" src="//ad.adxcore.com/adjs_r.php?async&amp;what=zone:235058&amp;inf=no"></script>
          <ins data-zone="235058" class="byadthink"></ins>
          <script type="text/javascript" async="async" src="//ad.adxcore.com/adjs_r.php?async&amp;what=zone:235058&amp;inf=no"></script>
 
 
  </body>
    <script>
function TestPub(){
    if ($("#pub").height() == 0){
       document.getElementById("pub").innerHTML = "<p>Lorem ipsum</p>";
    }
}
</script> 
</html>

j'ai également testé une autre idée

un fichier JS:

Code:

1
2
3
4
5
window.onload = TestPub(){
    if ($("#pub").height() == 0){
       document.getElementById("pub").innerHTML = "<p>Lorem ipsum</p>";
    }
}

et je l'appelle dans le 2 eme fichier:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html style="font-size: 16px;">
<script type="text/javascript" src="test.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 
  <head>
    </head>
    <body>
 
       <div id="pub"> 
       <!-- 250x250_atf  Square-->
          <ins data-zone="235058" class="byadthink"></ins>
          <script type="text/javascript" async="async" src="//ad.adxcore.com/adjs_r.php?async&amp;what=zone:235058&amp;inf=no"></script>
          <ins data-zone="235058" class="byadthink"></ins>
          <script type="text/javascript" async="async" src="//ad.adxcore.com/adjs_r.php?async&amp;what=zone:235058&amp;inf=no"></script>
          <ins data-zone="235058" class="byadthink"></ins>
          <script type="text/javascript" async="async" src="//ad.adxcore.com/adjs_r.php?async&amp;what=zone:235058&amp;inf=no"></script>
       </div>
 
         <ins data-zone="235058" class="byadthink"></ins>
          <script type="text/javascript" async="async" src="//ad.adxcore.com/adjs_r.php?async&amp;what=zone:235058&amp;inf=no"></script>
          <ins data-zone="235058" class="byadthink"></ins>
          <script type="text/javascript" async="async" src="//ad.adxcore.com/adjs_r.php?async&amp;what=zone:235058&amp;inf=no"></script>
          <ins data-zone="235058" class="byadthink"></ins>
          <script type="text/javascript" async="async" src="//ad.adxcore.com/adjs_r.php?async&amp;what=zone:235058&amp;inf=no"></script>
  </body>
</html>

Avec cette version j'ai un problème à l'appel, la partie JS ne s’exécute pas