我希望能够检测用户是否正在使用广告拦截软件，当他们访问我的网站。如果他们正在使用它，我想显示一条消息，要求他们关闭它以支持项目，就像这个网站一样。
如果你进入该网站，而你的浏览器启用了某种广告拦截软件，那么该网站就不会显示真正的广告，而是显示一个小横幅，告诉用户广告收入用于托管项目，他们应该考虑关闭广告拦截。
我想在我的网站上做到这一点，我正在使用adsense广告，我怎么能做到呢?
当前回答
我知道已经有足够多的答案，但由于这个问题出现在谷歌搜索“检测广告拦截”的主题上，我想提供一些见解，以防你不使用adsense。
具体来说，通过这个例子，您可以检测到是否使用了Firefox Adblock提供的默认Adblock列表。它利用了这个块列表中有一个CSS id为#bottomAd的元素。如果我在页面中包含这样一个元素，并测试它的高度，我知道广告拦截是否活跃:
<!-- some code before -->
<div id="bottomAd" style="font-size: 2px;"> </div>
<!-- some code after -->
其余的是通过通常的jQuery嫌疑犯完成的:
$(document).ready( function() {
window.setTimeout( function() {
var bottomad = $('#bottomAd');
if (bottomad.length == 1) {
if (bottomad.height() == 0) {
// adblocker active
} else {
// no adblocker
}
}
}, 1);
}
可以看到，我使用的setTimeout的超时时间至少为1毫秒。我在各种浏览器上测试过，大多数时候，直接检查ready中的元素总是返回0;不管广告拦截器是否有效。对此，我有两个想法:要么渲染还没有完成，要么Adblock还没有启动。我没有费心去进一步调查。
其他回答
我的解决方案并不针对特定的广告网络，而且是非常轻量级的。我已经在生产环境中运行了几年。AdBlock会屏蔽所有含有“广告”或“预竞价”字样的url。这就是我所做的:
我在webroot中添加了一个名为prebid-ads.js的小js文件
这是文件中唯一的一行代码。将此变量命名为其他变量，参见下文!
var canRunAds = true;
然后在你页面的某处:
<html>
<head>
<script src="/js/prebid-ads.js"></script>
</head>
<body>
<script>
if( window.canRunAds === undefined ){
// adblocker detected, show fallback
showFallbackImage();
}
</script>
</body>
</html>
uBlock Origin加载他们自己的ads-prebid.js，还原了这个答案中描述的技巧(骄傲!)，他们的文件包含以下内容:
(function() {
'use strict';
window.canRunAds = true;
window.isAdBlockActive = false;
})();
作为一种解决方案，只需将canRunAds变量重命名为一些有趣的东西，比如window。adsAreWithUs或window.money高于隐私。
Ans de Nijs的发现和解决方法。谢谢!
支持扩展
像ads.js这样的文件在Chrome上至少会被这些广告拦截器屏蔽:
AdBlock Adblock Plus Adblock职业 Ghostery
不适用于:
隐私獾
不是一个直接的回答，但我会把信息放在广告后面。而不是试图检测它，它会在广告没有显示时显示出来。
时间的答案是很好的思考，但不再工作，所以我已经更新了js文件的名称为“adsense”从“广告”，它是工作回来像一个魅力!
下面是代码，也许这将帮助到一些人:
<html>
<head>
<script src="/adsense.js"></script>
</head>
<body>
<script>
if( window.adblockDetecter === undefined ){
// Do anithing, adblocker detected!
alert('Adblocker Detected!');}
</script>
</body>
</html>
在Js文件中只放这一行:var adblockDetecter = true;
只需在你的网站上添加小脚本:
var isAdsDisplayed = true;
名称为adsbygoogle.js
然后做以下事情:
<script src="/js/adsbygoogle.js"></script>
<script>
if(window.isAdsDisplayed === undefined ) {
// AdBlock is enabled. Show message or track custom data here
}
</script>
找到了这个解
安全的方法是将广告包装在<div>内，并检查高度
<div id="check-ab">
/* your ads code */
</div>
setTimeout(function(){
if(document.getElementById("check-ab").offsetHeight === 0){
console.log("ads blocked");
}
else{
console.log("ads running");
}
}, 100);
它与adblock plus和bluehell防火墙一起工作。
