无作为
不仅仅是一种态度!
当前位置: 无作为 » 技术教程 » wordpress技术经验 » wordpress实现下载页面广告屏蔽检测,隐藏下载地址教程

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

本文由 无作为 于 2015-10-09 21:40:59 发表

这里分享一篇关于下载也广告被屏蔽后,隐藏网页下载地址的教程,现在国内网站广告是站长唯一的粮草,随着网络技术发展,屏蔽广告的手段也越来越厉害了,这里分享的教程,大大帮中小型网站站长解决了很多问题!这里是无作为先前收集的一些关于判断网页广告是否被拦截过滤教程

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继续对其隐藏,引出后患,避免下载地址在广告被屏蔽后还能显示。

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

以上教程希望能够帮助到大家,若有更好的意见或者方法,无作为也希望大家投稿分享!

文章转自逍遥乐IT博客

所有免费资源、福利、电影、破解软件未经允许不得转载:www.wuzuowei.net无作为 » wordpress实现下载页面广告屏蔽检测,隐藏下载地址教程

历史上的今天:

分享到:更多 ()

文章评论区 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

无作为-不仅仅是一种态度

我要提问查看分享
×
订阅图标按钮