我希望能够检测用户是否正在使用广告拦截软件，当他们访问我的网站。如果他们正在使用它，我想显示一条消息，要求他们关闭它以支持项目，就像这个网站一样。
如果你进入该网站，而你的浏览器启用了某种广告拦截软件，那么该网站就不会显示真正的广告，而是显示一个小横幅，告诉用户广告收入用于托管项目，他们应该考虑关闭广告拦截。
我想在我的网站上做到这一点，我正在使用adsense广告，我怎么能做到呢?
当前回答
你可以看看这个，可能会有帮助 detect-adblocker
它是一个定时答案的实现
将此添加到head标签中的任何脚本之前:
<head>
<title></title>
<meta/>
<!--adBlocker detection code - START-->
<script src="//adblocker.fortiapp.com/ads.js"></script>
<script>
(function (i, o, g, r) {
i[o] = (typeof i[o] == typeof undefined) ? g : r
})(window, 'adblocker', true, false);
</script>
<!--adBlocker detection code - END-->
// Other scripts
</head>
然后再使用它:
if (adblocker) {
// the add blocker is enabled
}else{
// ad blocker is not enabled
}
其他回答
以上所有的答案都是有效的，但大多数将不适用于dns级别的广告拦截。
dns级别的广告拦截器(如π -hole)基本上会返回NXDOMAIN(domain不存在)的广告拦截域列表(例如telemetry.microsoft.com将“不存在”当它存在时)。
有几种方法可以避免这种情况:
方法A:根据ip地址而不是域名请求广告。
这种方法有点烦人，因为您必须跟踪ip地址。如果您的代码没有得到很好的维护或定期更新，这将会产生问题。
方法B:阻塞所有失败的请求——即使客户端报告NXDOMAIN。
如果它是一个“合法的”NXDOMAIN，这会让用户非常恼火。
我用jquery最简单的解决方案是:
$.ajax({
url: "/scripts/advertisement.js", // this is just an empty js file
dataType: "script"
}).fail(function () {
// redirect or display message here
});
advertising .js什么都不包含。当有人使用adblock时，它失败了，函数被调用。
安全的方法是将广告包装在<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防火墙一起工作。
对我来说，这些把戏都没用，可能是我做错了什么。但这是谷歌广告实现的一种非常具体的方式。
window.onload = function() {
if (document.getElementsByClassName('google-auto-placed').length == 0){
// Adblock Detected
}
}
如果你有其他的广告系统，如亚马逊，通过检查页面寻找他们的通用类名/ id。
如果你打算把这段代码放在单独的.js文件中，请确保文件名中没有“Ad”字。就叫它magic.js吧
如果谷歌决定更改div名称，此方法将失败。但这似乎不太可能。
http://thepcspy.com/read/how_to_block_adblock/
jQuery:
function blockAdblockUser() {
if ($('.myTestAd').height() == 0) {
window.location = 'http://example.com/AdblockNotice.html';
}
}
$(document).ready(function(){
blockAdblockUser();
});
当然，你需要有一个AdblockNotice.html的登陆页，并且. mytestad类需要反映你实际的广告容器。但这应该有用。
EDIT
正如TD_Nijboer所建议的，更好的方法是使用:hidden(或:visible，如下所示)选择器，这样display: none也会被检查:
function blockAdblockUser() {
if ($('.myTestAd').filter(':visible').length == 0) {
// All are hidden, or "not visible", so:
// Redirect, show dialog, do something...
} else if ($('.myTestAd').filter(':hidden').length > 0) {
// Maybe a different error if only some are hidden?
// Redirect, show dialog, do something...
}
}
当然，如果需要的话，这两个都可以合并成一个if块。
注意可见性:隐藏将不会被捕捉以及(在布局空间保留，但广告不可见)。要检查这一点，可以使用另一个过滤器:
$('.myTestAd').filter(function fi(){
return $(this).css('visibility') == 'hidden';
})
这将为您提供一个“不可见”的广告元素数组(理论上，任何大于0的都是一个问题)。
