我希望能够检测用户是否正在使用广告拦截软件，当他们访问我的网站。如果他们正在使用它，我想显示一条消息，要求他们关闭它以支持项目，就像这个网站一样。
如果你进入该网站，而你的浏览器启用了某种广告拦截软件，那么该网站就不会显示真正的广告，而是显示一个小横幅，告诉用户广告收入用于托管项目，他们应该考虑关闭广告拦截。
我想在我的网站上做到这一点，我正在使用adsense广告，我怎么能做到呢?
当前回答
安全的方法是将广告包装在<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防火墙一起工作。
其他回答
我注意到之前的评论使用谷歌adsense作为测试对象。有些页面不使用adsense，使用adsense块作为测试并不是一个好主意。因为站长屏蔽可能会损害你的SEO。 以下是我如何通过adblocker检测简单的阻塞类的例子:
Html:
<div class="ad-placement" id="ablockercheck"></div>
<div id="ablockermsg" style="display: none"></div>
Jquery:
$(document).ready(function()
{
if(!$("#ablockercheck").is(":visible"))
{
$("#ablockermsg").text("Please disable adblocker.").show();
}
});
"ablockercheck"是adblocker阻止的ID。所以检查它，如果它是可见的，你能够检测，如果广告拦截器被打开。
我用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/img，被阻止的iframes和被阻止的资源(javascript文件)。
也许它有点夸张或偏执，但它涵盖了广告拦截系统，这些系统只会从选择中屏蔽一到两个，因此如果你只做了一次检查，可能就不会被覆盖。
在页面上，你正在运行检查添加:(我使用jQuery)
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="advertisement.js"></script>
<script type="text/javascript" src="abds.js"></script>
并在页面的其他地方添加以下内容:
<div id="myTestAd"><img src="http://placehold.it/300x250/000000/ffffff.png&text=Advert" /></div>
我使用了一个带有诱饵名称的div，以及一个带有文本“Advert”的外部托管图像，并在AdSense使用的尺寸中使用(感谢placehold.it!)
在advertising .js中，您应该在文档中附加一些内容，以便稍后检查。虽然看起来和前面做的一样，但实际上是在检查文件(advertising .js)本身是否被加载，而不是输出。
$(document).ready(
{
$("body").append("<div id=\"myTestAd2\">check</div>");
});
然后是广告拦截器检测脚本，它结合了一切
$(document).ready(function()
{
var ifr = '<iframe id="adServer" src="http://ads.google.com/adserver/adlogger_tracker.php" width="300" height="300"></iframe>';
$("body").append(ifr);
});
$(window).on("load",function()
{
var atb = $("#myTestAd");
var atb2= $("#myTestAd2");
var ifr = $("#adServer");
setTimeout(function()
{
if( (atb.height()==0) ||
(atb.filter(":visible").length==0) ||
(atb.filter(":hidden").length>0) ||
(atb.is("hidden")) ||
(atb.css("visibility")=="hidden") ||
(atb.css("display")=="none") ||
(atb2.html()!="check") ||
(ifr.height()!=300) ||
(ifr.width()!=300) )
{
alert("You're using ad blocker you normal person, you!");
}
},500);
});
当文档准备好时，即标记被加载，我们也将iframe添加到文档中。然后，当窗口加载时，即内容include . images等加载，我们检查:
第一个测试div的尺寸和可见性。 第二个测试div的内容是“check”，就像如果advertimsent.js没有被阻止一样。 iframe的尺寸(我猜是能见度，因为隐藏对象没有高度或宽度?
以及款式:
div#myTestAd, iframe#adServer
{
display: block;
position: absolute;
left: -9999px;
top: -9999px;
}
div#myTestAd2
{
display: none;
}
希望这能有所帮助
现在有一个更好的方法来做到这一点，使用一个简单的JS脚本，称为AdBlock检测器 下面是如何使用它: 将此添加到<head>部分:
<script type="text/javascript">
window.onload = function() {
var iframe = document.createElement('iframe'),
randomDomain = Math.floor(Math.random() * (10000 - 100 + 1)) + 100,
iframeLoaded = true;
iframe.src = "http://"+ randomDomain +".com/ads.html";
iframe.height = ".1px";
iframe.width = ".1px";
iframe.id = 'some-ad';
iframe.onload = function() {iframeLoaded = false;};
document.body.appendChild(iframe);
setTimeout(function() {
var someAd = document.getElementById('some-ad');
if(!iframeLoaded ||
someAd == null ||
someAd.style.display == "none" ||
someAd.style.display == "hidden" ||
someAd.style.visibility == "hidden" ||
someAd.offsetHeight == 0)
document.getElementById('ab-message').style.display = 'block';
someAd.remove();
}, 500);
};
</script>`<br>
现在你可以在任何地方使用ab-message id向AdBlock用户显示消息:
<div id="ab-message" style="display: none">Your message here!</div>
注意，添加内联样式来隐藏它(当然，您也可以从自己的CSS文件中这样做)。 还要注意，它需要500毫秒，这是因为它必须等待广告拦截器做它的事情，否则它不会工作。
稍微解释一下这个脚本是如何工作的
首先，它添加一个iframe，其中包含一个随机生成的链接的源。(它是随机生成的，因为一些广告块很聪明，在某个时候，他们意识到链接是假的)。 然后它对iframe执行多次检查(是否成功加载或是否修改了它的样式)。如果其中一个测试为真，它就会向adblock用户显示ab-message元素。
这个脚本适用于大多数(如果不是全部)广告拦截器。
额外的
没有一点，真的，可以只是创建一个主旨，但我创建了一个Github项目，但仍然，看看它，如果它对你有帮助的话。abDetector:简单的JavaScript AdBlock检测器。 享受。
这个很好用
如果有广告拦截器，它会提醒你
简单地说，它发送一个头部请求到一个著名的广告公司的所有广告拦截器(谷歌广告)，如果请求被阻止，那么adbloker存在。
checkAdBlocker (); 函数checkAdBlocker() { 尝试{ fetch ( new Request("https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"， { 方法:“头”, 模式:“no-cors” }))。Catch(错误=> { showNotification () })； } catch (e) { //请求失败，可能是由于广告拦截程序 showNotification () ｝ ｝ 函数showNotification() { 警告(“请禁用广告拦截器”) ｝
