Masquer un champ en Javascript si Adblock est activé

**Curious Developper** · 27/01/2021, 17h17

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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">
<!-- 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>

et voila le resultat:

Nom : test.PNG
Affichages : 122
Taille : 196,8 Ko

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

Nom : div.PNG
Affichages : 108
Taille : 73,8 Ko

Nom : div.PNG
Affichages : 108
Taille : 73,8 Ko

**Doksuri** · 27/01/2021, 20h22

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)

**Curious Developper** · 28/01/2021, 11h14

Hello,

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**Curious Developper** · 28/01/2021, 13h34

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

un fichier JS:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Masquer un champ en Javascript si Adblock est activé

JavaScript

Vue hybride

Discussions similaires

Partager

Partager