逍遥乐前面编写了wordpress独立下载页面插件：xydown 插件，获得广泛好评！不过国内大环境下，刚发出来不足一月就盗版满天飞，虽然我没打算真的拿这个赚钱，但是国内这些大虾，盗版也就算了，作者名称，插件名称都改了一应剽取，对此对我打击相当大，对此这个插件也就没有再继续更新了！
前面分享了一个JS判断网页广告是否被浏览器拦截过滤教程 ，有网友@飯特稀评论说希望实现wordpress迷下载页面那样的广告屏蔽就隐藏下载地址的方法。如上图所示逍遥乐IT博客已实现了。
下面就由逍遥乐带大家一起来看看如何实现下载页面广告屏蔽检测，隐藏下载地址的方法。
首先针对这些我们都是用的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迷 ，逍遥乐在优化时，有所改动！
以上教程就告一段落了，感谢大家对逍遥乐的支持。
另外在此提醒那些转载者，我不介意转载，但是转载后请留下作者名和链接谢谢！
以下是本站的其中一个下载地址，供大家测试：
https://www.luoxiao123.cn/download-14080.html
注意：请在测试时屏蔽本站广告后，切记将本站加入白名单，否则本站所有下载地址均不能显示！
最新评论