我希望能够检测用户是否正在使用广告拦截软件，当他们访问我的网站。如果他们正在使用它，我想显示一条消息，要求他们关闭它以支持项目，就像这个网站一样。
如果你进入该网站，而你的浏览器启用了某种广告拦截软件，那么该网站就不会显示真正的广告，而是显示一个小横幅，告诉用户广告收入用于托管项目，他们应该考虑关闭广告拦截。
我想在我的网站上做到这一点，我正在使用adsense广告，我怎么能做到呢?
当前回答
时间的答案是很好的思考，但不再工作，所以我已经更新了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;
其他回答
我的建议是:不要这样做!
在任何情况下，你把人们视为“做错事的人”都会导致他们反击。
这是我的建议。
在页面顶部放一个不显眼的小消息(不管广告是否被阻止)，文字我完全尊重你阻止广告的权利，并链接到另一个页面/弹出标题为阅读更多....
在另一页上，清楚地表明你明白这是他们的电脑，他们可以自由地使用广告拦截。
也要以一种非指责的方式明确表示，使用这些拦截器会让你更难发布优质内容(详细解释原因)，虽然你不希望广告拦截器出现在你的网站上，但这完全是他们的决定。专注于关闭阻塞的积极方面。
那些强烈反对广告的人会忽略这一点，但你从来没有机会说服他们。那些漠不关心的人很可能会被你的吸引力所动摇，因为你没有做“让我走我的路，否则我就拿着我的球回家”的事情，老实说，这应该是五岁孩子的专属领域。
记住，没有人拿枪指着你的头强迫你把东西放到网上。尊重你的读者/用户，你可能会发现很多人会回报你。
你不需要一个额外的HTTP请求，你可以简单地计算一个假添加的高度。
顺便说一下，这里有一个完整的列表，与广告拦截器避免渲染的元素相匹配。
窗口。adBlockRunning = function() { return (getComputedStyle(document.getElementById("detect"))["display"] == "none") ?真:假; }（) console.log (window.adBlockRunning); #{检测 身高:1 px; 宽度:1 px; 位置:绝对的; 左:-999 em; 上图:-999年新兴市场 ｝ <div id="detect" class="ads AD adsbox doubleclick AD -placement carbon-ads"></div>
以上所有的答案都是有效的，但大多数将不适用于dns级别的广告拦截。
dns级别的广告拦截器(如π -hole)基本上会返回NXDOMAIN(domain不存在)的广告拦截域列表(例如telemetry.microsoft.com将“不存在”当它存在时)。
有几种方法可以避免这种情况:
方法A:根据ip地址而不是域名请求广告。
这种方法有点烦人，因为您必须跟踪ip地址。如果您的代码没有得到很好的维护或定期更新，这将会产生问题。
方法B:阻塞所有失败的请求——即使客户端报告NXDOMAIN。
如果它是一个“合法的”NXDOMAIN，这会让用户非常恼火。
AdBlock似乎阻止加载AdSense(等)JavaScript文件。所以，如果你使用异步版本的AdSense广告，你可以检查adsbygoogle是否是一个数组。这必须在几秒钟后检查，因为异步脚本是…异步的。以下是一个大致的大纲:
window.setTimeout(function(){
if(adsbygoogle instanceof Array) {
// adsbygoogle.js did not execute; probably blocked by an ad blocker
} else {
// adsbygoogle.js executed
}
}, 2000);
为了澄清，这里有一个AdSense异步广告代码的示例:
<!-- this can go anywhere -->
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- this is where the ads display -->
<ins class="adsbygoogle" ...></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
注意adsbygoogle被初始化为一个数组。adsbygoogle.js库将此数组更改为Object {push:…}当它执行时。在一段时间后检查变量的类型可以告诉您脚本是否已加载。
我使用JavaScript承诺和jQuery来检测用户是否启用了广告拦截器:
Create a small image and rename it to ads.jpg (or whatever extension). Create a JavaScript function to call it when you need: function hasAdBlocker() { return new Promise(function(resolve, reject) { let img = $('<img style="display: none;" src="ads.jpg" />'); img.on("load", reject); img.on("error", resolve); $("body").append(img); }); } Call it like this: hasAdBlocker().then(function(){ console.log('Has adBlock') }, function() { console.log('No adBlock dedected') })
