Recently a large number of users use browser extensions that block advertising, the most known is AdBlock Plus. If our website is financed thanks to the publicity this can be a problem. In this case we can use JavaScript to detect if AdBlock or another similar plugin is blocking our advertising.
A cunning may be placing the script of advertising within a div and check if your height is greater to 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); |
Another cunning can be check for iframes since ads like AdSense use them.
jQuery:
|
1 2 3 |
if (jQuery('iframe').length > 0) { // AdBlock active } |
Js:
|
1 2 3 |
if (document.getElementsByTagName("iframe").item(0) == null) { // AdBlock active } |
