Message alerte Adblock activé

Bonsoir,

J'ai voulu installer un script sur mon site pour avertir que la pub est bloqué par Adblock pour une raison inconnue le message reste même s'il est désactivé :(
voici mon code mis dans le footer avant </body>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script>var isAdBlockActive=true;</script>
	<script type="text/javascript" src="/ads.js"></script>
	<script>
 
		if (isAdBlockActive) {
 
			var header_message_container = document.getElementById("headerMessage");
			var entry_message_container = document.getElementById("entryMessage");
			var block_message = "  <strong>La publicit&eacute; est notre seule source de revenu.</strong><br>Si vous appr&eacute;ciez lelectronique.com, d&eacute;sactivez votre bloqueur de pub. Merci &agrave; vous ! <a href=\"/pourquoi-publicite.html\" title=\"Pourquoi de la publicit&eacute; sur lelectronique.com ?\">En savoir plus</a>.";
 
			// Header message
         header_message_container.style.display = "block";
         header_message_container.innerHTML = block_message;
			// Single entry message
         entry_message_container.style.display = "block";
         entry_message_container.innerHTML = block_message;
			//console.log("The visitor is blocking ads");
 
		}
	</script>

fichier ads.js

Code:

isAdBlockActive = false;

l'endroit du message

Code:

<div id="headerMessage" class="ywLQKzkmFfaD"></div>;

le fichier CSS

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
.ywLQKzkmFfaD {
display: none;
margin-bottom: 20px;
padding: 20px 10px;
background: #F3CD17;
text-align: center;
color: #fff;
font-size:1.3em;
margin-top: 20px;
}
.ywLQKzkmFfaD strong { font-size:1.4em; }
.ywLQKzkmFfaD a { color:#fff; }

auriez-vous une idée ?

merci d'avance
Bonne soire
Ludo