Saturday, September 13, 2014

Detect whether the browser has adblock enabled - adblock detection using javascript and html

Welcome to anti adblock revolution



Here is  a simple  adblock detection script. Just copy and paste the below code to your pages where you need to detect whether the user is using adblock . If  the user is using adblock it will show an alert  ( you can edit the var message to add your own message ) . You can also redirect your user to your donate page or to any other page you need , if you have detected the use of adblock.

<div class="afs_ads">&nbsp;</div>
<script>
(function() {
    var message = "We've detected that you have an ad blocker enabled! Please enable it and help support our work!\n http://codes.x20.asia";

        // Define a function for showing the message.
        // Set a timeout of 2 seconds to give adblocker
        // a chance to do its thing
        var tryMessage = function() {
            setTimeout(function() {
                if(!document.getElementsByClassName) return;
                var ads = document.getElementsByClassName('afs_ads'),
                    ad  = ads[ads.length - 1];

                if(!ad
                    || ad.innerHTML.length == 0
                    || ad.clientHeight === 0) {
                    alert(message);
                    //window.location.href = '[URL of the donate page. Remove the two slashes at the start of this line to enable.]';
                } else {
                    ad.style.display = 'none';
                }

            }, 2000);
        }

        /* Attach a listener for page load ... then show the message */
        if(window.addEventListener) {
            window.addEventListener('load', tryMessage, false);
        } else {
            window.attachEvent('onload', tryMessage); //IE
        }
})();
</script>