很多人使用像Adblock这样的插件来避免网站上的横幅广告。如果您可以检测到该插件,则可以轻松显示您喜欢的图像或文本。使用jQuery实现该要求的好方法是什么?
答案 0 :(得分:1)
如果您需要检查插件(例如Adblock)是否阻止了客户端浏览器上的Adsense横幅广告,请使用此代码。它将检查横幅是否为空,如果是,它将放置一个文本(例如,您可以安全地用自定义图像替换)。
推荐的HTML(总是在div中):
<div id="ad1">
<ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-XXXXXXXXXXXXXXXX" data-ad-slot="XXXXXXXXXXXXXXXX"></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</div>
jQuery脚本:
$(function(){
setTimeout(function(){
var ads_list = $('ins.adsbygoogle');
if(ads_list){
ads_list.each(function(){
if($(this).html().replace(/\s/g, '').length != 0) {
return false;
} else {
$(this).parent().text('There should be a banner here... please turn Adblock off!');
}
});
}
}, 1000);
});
脚本在页面完全加载后运行1秒,以便给Adsense一些时间来实际尝试检索请求的横幅。
欢迎提出建议!