Demonstration

Ads block is detected! Ads block is not detected!

Ads block is detected!

How to use it?

1. Include this content in your footer: adblockDetector.js

<script src="adblockDetector.js"></script>

2. Add this code in your html page:

<b id="messageAdsblocker" style="display:none">Ads block is detected!</b>
<b id="messageOk" style="display:none">Ads block is not detected!</b>

3. (Optional) Use this css:

#messageAdsblocker {
  background-color:#F78181;
  border:1px solid #DF0101;
  padding:5px;
  margin-bottom: 30px; 
  /* arrondi */
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  border-radius:7px;
}
#messageOk {
  background-color:#9FF781;
  border:1px solid #31B404;
  padding:5px;
  margin-bottom: 30px; 
  /* arrondi */
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  border-radius:7px;
}