Tutorials

Detecteren of AdBlock aan staat.

Door - Raoul - -29-05-2012 21:45 -19.080 views

Je hebt vast wel een advertentie op je site, en sommige bezoekers gebruiken wel AdBlock, maar hoe detecteer je dat? In deze tutorial gaan we door middel van JavaScript dit controleren.

Pagina 1

AdBlock controleren

Om het heel simpel te zeggen: AdBlock blokkeert advertenties door de hoogte van de division waar de advertentie in staat op '0' te zetten, waar door hij niet zichtbaar is.

Om te controleren of AdBlock aan of uit staat moeten we eerst je advertenties in een division zetten, als volgt:


<div class="advert">
<!-- Hier dus de code waarmee de advertenties worden getoond -->
</div>

Nu moeten gaan we detecteren via JavaScript of de division hoogte op '0' staat.

Als je op je website jQuery gebruikt dan kun je deze JavaScript snippet gebruiken:


function detectAdBlock()
{
     if ($('.advert').height() == 0)
     {
           alert('AdBlock staat ingeschakeld!');
     }
}
window.onload = detectAdBlock;

Wens je echter geen gebruik te maken van jQuery, vind je hieronder een versie zonder jQuery.


function detectAdBlock()
{
     if (document.getElementsByClassName('advert')[0].style.height.toFloat() == 0) {
           alert('AdBlock staat ingeschakeld!');
     }
}
window.onload = detectAdBlock;

Wat dit doet is bij het laden van het document de functie detectAdBlock() aanroepen om dan te controleren of de height van de division '0' is.

Gebruik natuurlijk iets anders dan een alert(), bijvoorbeeld een div die tevoorschijn komt of iets dergelijks.