javascript - 使用 AdBlocker 为用户显示替代内容

Question

我正在从事一个广告资助的项目。确实是一些微妙的内容意识，而不是用于生殖器增大等的蹩脚弹出窗口。

由于该项目是由广告资助的，拥有广告拦截器的人不会从该项目中受益(因为他们显然不知道该特定网站上的广告还不错)。

如何为有广告拦截器的人显示替代内容？有点像

We noticed you have an active Ad Blocker. Example.com is ad funded, we promise our ads are of high quality and are unobtrusive. The best help you could provide to keep us running, is to whitelist us in your ad blocker. Thanks!

如何测试广告拦截器？

找到一个例子! http://mangastream.com

Answer 1

广告拦截器基本上使用一些 ID 或 jQuery 之类的选择规则来操作一些元素，这些元素存储在他们的数据库中，它是在 DOM 准备好一段时间后完成的。

因此，您必须在特定时间(例如 DOM 准备就绪 3 秒)后检查您的广告元素是否被操纵。您基本上可以检查 display(因为 AdBlockers 隐藏了它)CSS 属性或广告元素的 innerHTML。下面是一个例子:

工作演示: http://jsfiddle.net/cxvNy/ (使用 AdBlock for Chrome 测试，你需要激活它)

如果您的广告 HTML 是:

<div id="google_ads_frame1">aa</div>

然后:

$(function(){
   setTimeout(function(){
      if($("#google_ads_frame1").css('display')=="none") //use your ad's id here I have used Google Adense
      {
          $('body').html("We noticed you have an active Ad Blocker. Example.com is ad funded, we promise our ads are of high quality and are unobtrusive. The best help you could provide to keep us running, is to whitelist us in your ad blocker. Thanks!");
      }
  },3000);
});

希望上面的代码是不言自明的:)