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,基本所有的网站代码都适用。

给TA打赏
共{{data.count}}人
人已打赏
WordPress

给WordPress文章添加百度是否已收录

2016-12-15 19:03:16

WordPress

WordPress获取文章中的图片个数

2016-12-25 19:37:19

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
有新私信 私信列表
搜索