<div class='google-ad testAd'>这个div将会被屏蔽掉 </div>
有了这个规律,我就能够使用JavaScript发现当前浏览器是否开启了AdBlock插件。首先,我们将Google广告代码放到一个div里,并且将div的css class name里放入一个很明显的表示google AD的类名:
复制代码代码如下:
<div class='google-ad testAd'>这里放置Google广告代码</div>
然后在页面的底部用Js检测,:
复制代码代码如下:
if ($('.google-ad').height() == 0) showOtherImage()
这里还有一个问题,Google的广告通常是指Dom加载完毕后显示的,为了保证在Google广告加载完成后再进行探测,要给js代码加入延迟执行特征,这样避免了误检测:
复制代码代码如下:
$(function(){
setTimeout(function(){
if ($('.google-ad').height() == 0)
showOtherImage()
},3000)
})