Detect if users are blocking your ads using jQuery

adblock_detect.html

<style>
	.hidden {display: none;} /* Just for reference. This should be in your stylesheet! */
</style>

<div class="extra_resources">
	<!-- [AD_CODE_HERE] -->
</div>
				
<a class="blockdetection hidden" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=VALMBPW4PWH8S" target="_blank"><img src="donate_image.png" alt="Donate via Paypal" /></a>

adblock_detect.js

$(window).on('load', function(){
	if ( $('.extra_resources').length ) {
		if ( $('.extra_resources').height() < 1 ) {
			$('.blockdetection').removeClass('hidden');
			ga('send', 'event', 'Ads Blocked', 'Using Browser Extension'); //Log the event in Google Analytics
		}
	}	
});