逍遥乐前面编写了wordpress独立下载页面插件:xydown 插件,获得广泛好评!不过国内大环境下,刚发出来不足一月就盗版满天飞,虽然我没打算真的拿这个赚钱,但是国内这些大虾,盗版也就算了,作者名称,插件名称都改了一应剽取,对此对我打击相当大,对此这个插件也就没有再继续更新了!

wordpress实现下载页面广告屏蔽检测,隐藏下载地址教程

前面分享了一个JS判断网页广告是否被浏览器拦截过滤教程 ,有网友@飯特稀评论说希望实现wordpress迷下载页面那样的广告屏蔽就的方法。如上图所示逍遥乐IT博客已实现了。

wordpress实现下载页面广告屏蔽检测,隐藏下载地址教程

下面就由逍遥乐带大家一起来看看如何实现下载页面广告屏蔽检测,的方法。

首先针对这些我们都是用的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迷 ,逍遥乐在优化时,有所改动!

以上教程就告一段落了,感谢大家对逍遥乐的支持。

另外在此提醒那些转载者,我不介意转载,但是转载后请留下作者名和链接谢谢!

以下是本站的其中一个下载地址,供大家测试:

http://www.luoxiao123.cn/download-14080.html

 

注意:请在测试时屏蔽本站广告后,切记将本站加入白名单,否则本站所有下载地址均不能显示!