这里分享一篇关于下载也广告被屏蔽后,隐藏网页下载地址的教程,现在国内网站广告是站长唯一的粮草,随着网络技术发展,屏蔽广告的手段也越来越厉害了,这里分享的教程,大大帮中小型网站站长解决了很多问题!这里是天赐先前收集的一些关于判断网页广告是否被拦截过滤教程!
如何做到下载页面广告屏蔽检测隐藏下载地址这样的效果呢?
首先针对这些我们都是用的jQuery来实现的,前提主题header必须要有jQuery加载
然后第一步,为了提升屏蔽隐藏彻底,让屏蔽插件对我们的下载地址屏蔽,兵不血刃,让浏览器广告屏蔽插件自相残杀,得到反效果,我们对下载地址外部div增加一系列广告相关的css和id,来蒙蔽浏览器广告屏蔽插件,这样广告屏蔽插件会自动屏蔽这些class所属标签的内容:
<div id="google-ads" class="ads myads ad google-ads download_btns">下载地址列表内容</div>
上面这步完成后,一旦开启屏蔽插件就会错误的屏蔽我们的下载地址。
第二步为百度联盟或者谷歌adsense广告外部div,添加一个class,如下所示:
<div class="myinfo" style="text-align:center;">联盟广告 </div>
下一步,在下载地址div上方或者下方增加一个新的div,用来显示提示信息。
<div class="my_tips"></div>
最后一步,也是最关键一步,插入我们的jquery判断:
<script> $(document).ready(function(){ if ($('.myinfo')["find"]('iframe')["length"] < 1) { $('.my_tips')["html"]('<div style="color: red;border: 1px solid;font-size: 18px;">系统检测到您屏蔽了本站广告,请将本站加入白名单,否则下载链接不会出现!</div>'); $("#google-ads").css("display", "none"); } }); </script>
上面针对联盟广告的特有标签iframe中,判断字符,若小于1,那么就向.my_tips中插入一段html,为了防止浏览器广告屏蔽插件没有将下载地址屏蔽,这里我们用jq继续对其隐藏,引出后患,避免下载地址在广告被屏蔽后还能显示。
注意:请在测试时屏蔽本站广告后,切记将本站加入白名单,否则本站所有下载地址均不能显示!
此方法不仅仅限制于WordPress,基本所有的网站代码都适用。