转载大师

网站广告被屏蔽后显示提示图片

作者 : 转载大师 发布时间: 2019-06-26 365 人阅读

现在很多站长都是自掏腰包来维持网站的运行,就算是用虚拟主机搭建一年下来加上域名也是一笔不小的费用,所以为了减少网站的开支大部分站长都是选择挂各种联盟的广告,有百度、谷歌、搜狗、京东、阿里妈妈淘宝客等等。

但是如今的大部分人的浏览器都会安装屏蔽广告插件比如:ADblock,作为站长之间互访相互点击点击广告支持下博客的发展也是一件开心的事。博主从boke112看到这个方法这里分享给大家,下面开始教程:

实现原理:

给广告添加一个图片的background,当前面的广告被屏蔽之后,背景图片就显示出来。是不是很简单?说到这里很多童鞋已经会了。也不知道我的方法对不对,反正目的是达到了。。

效果图对比:

效果对比
效果对比

常见的广告代码基本都是这样的:

  1. <script type=“text/javascript”>
  2. /*首页侧栏*/
  3. var cpro_id = “u2409274”;
  4. </script>
  5. <script src=“http://cpro.baidustatic.com/cpro/ui/c.js” type=“text/javascript”></script>

所以,我们只需要给这个广告代码加一个DIV,然后给DIV加一个样式:

  1. <div class=“adpb”>
  2. <script type=“text/javascript”>
  3.     /*首页侧栏*/
  4.     var cpro_id = “u2409274”;
  5. </script>
  6. <script src=“http://cpro.baidustatic.com/cpro/ui/c.js” type=“text/javascript”></script>
  7. </div>

使用时记得将上面广告代码换成自己的广告代码

接着在所使用主题的style.css文件中添加一下代码:

  1. .adpb{background:#ffffff url(/wp-content/themes/begin/img/ad/295250.jpg) no-repeat;height:250px;width:295px;}

这样,我们就实现了在网站广告被屏蔽后显示提示图片的功能了,是不是很简单的,大家赶紧试试吧。

1. 本站付费资源来源于网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
去看你博客 » 网站广告被屏蔽后显示提示图片

8 评论

  1. 这个方法不够绝。
    我见过那种你不关插件就别想看的网页。

    1. 还有这种操作吗?

    2. 强制F12 再按F1 禁用页面的JavaScript,请叫我雷锋

    1. 😎 😎 我网站没投放广告,不知道实际效果咋样 😆

      1. ADblock 有个功能可以单一屏蔽指定元素,这个问题不好解决。

发表评论

  • 298会员数(个)
  • 188资源数(个)
  • 3本周更新(个)
  • 0 今日更新(个)
  • 622稳定运行(天)

提供最优质的资源集合

立即查看 了解详情