javascript - 检测我网站上的广告拦截然后显示横幅？

Question

如果您的浏览器启用了某种 adblock 软件，则该网站不会显示实际广告，而是会显示一个小横幅，告诉用户广告收入用于托管项目，他们应该考虑关闭 Adblock。我在网上搜索了一段时间，除了下面的代码之外什么也没找到，但它仍然无法工作。我如何展示广告，如果被阻止，则显示一个横幅，告诉用户将其关闭？

喜欢这个网站:http://www.gamesbox.com/search-results/1802436/drunk-spiderman

<div class="myTestAd" style=" text-align:center;margin:10px">

    <iframe src="http://cdn1.adexprt.com/exo_na/sky1.html" width="120" height="600" frameborder="0" scrolling="no"></iframe>

</div>


<script type="text/javascript">

function TestPage() {
    if ($('.myTestAd').height() == 0)
        alert("You are blocking my beautiful adverts, you swine!");
}

$(TestPage);

</script>

Answer 1

方便的是，广告拦截器通常会更改 CSS 而不是 HTML。因此，我们可以使用JavaScript(最好是jQuery)来检查CSS是否被修改。

这是一个 jQuery 示例。

(function( $ ){
    $.fn.adblocked = function() {
        if($(this).css('display') == 'none' || $(this).css('height') == 0) { // etc
            return true;
        }
        return false;
    }; 
})( jQuery );

用法:

if( $('#myImage').adblocked() ) {
    alert('wow');
}