如何检测浏览器是否安装了广告屏蔽插件

由于我们网站上的广告经常被一些广告插件给屏蔽掉，会降低网站的收入，因此可以通过以下几种方式进行广告检测。

方案一

利用广告插件通过对含有google-ad，testad，ad等，带ad的敏感词汇的dom元素进行屏蔽的方式寻找突破口。

例如模拟了一个 <div class="google-ad"> 这里是一个广告位 </div> 将这个div加载在页面的dom节点的最顶端，发现所有的广告插件，都能检测到这个广告位并且采用 dispaly:none，或者将div的高度塌陷变为0，于是我们有了下面的方法。

在页面顶部加上 <div class="google-ad testAd"> 这里是一个广告位 </div>，然后加入如下代码：

<script>
$(function(){
    if($('.google-ad').height()==0 || $('.google-ad').css('display') == 'none'){
       console.error('检测到广告屏蔽插件');
    }
 });
</script>

方案二

模拟动态加载一个广告（ads.js）的方式，如果安装了广告插件，则这个广告js(ads.js)不会被加载成功。

新建一个空白的ads.js文件。

在页面上写上如下代码：

<script>
 $(function(){
     $.ajax({
       url: "ads.js",
       dataType: "script"
     }).fail(function () {
        console.error('检测到广告屏蔽插件');
     });
  })
</script>

方案三：逆向思维

要想自己网站上的广告位图片不被屏蔽掉，网站上加载的广告 js 能够正常加载，就不要使用能够被广告插件轻易读取识别的命名规则去命名广告了。