Problem Statement:

AdBlock Plus, the popular banner advertisement blocking plugin, leaves huge blank spaces on your web page where your ads are supposed to appear. This simple script detects AdBlock Plus and gracefully degrades your page, hiding the banner ad enclosing elements.

Dependencies:

jquery

Add the following scripts to your web page, just inside the </body> tag. The first script will detect AdBlock Plus. The second loads the AdBlock Tidy utility.

<script type="text/javascript" src="http://tools.technify.me/js/advertisement.js"></script>
<script type="text/javascript" src="http://tools.technify.me/js/adblock_tidy.js"></script>

Then, just pass the ID and/or Class selectors to the Utility and it will gracefully remove them from the page for users who are using AdBlock Plus.

<script type="text/javascript">adblock_tidy([".adblock", ".iconify-ad-300x250"]);</script>

Example Usage:

adblock_tidy([
    ".banner-ad", 
    ".banner-ad-125x125",
    ".banner-ad-300x250"
]);