网站广告被屏蔽怎么办?我也不知道怎么办?不过可换成图片展示

 微西风博客   2015-12-10 12:58   925 人阅读  8 条评论

  最近逛了很多网站,发现它们在网站广告被屏蔽时都会显示一张温馨提示的图片。经研究,发现想要实现网站广告被屏蔽后显示提示图片还是挺简单的。今天就特意跟大家分享一下。

实现原理:

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

效果图对比:

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

<script type="text/javascript">
    /*首页侧栏*/
    var cpro_id = "u2409274";
</script>
<script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script>

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

<div class="adpb">
<script type="text/javascript">
    /*首页侧栏*/
    var cpro_id = "u2409274";
</script>
<script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script>
</div>

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

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

  这样,我们就实现了在网站广告被屏蔽后显示提示图片的功能了,是不是很简单的,大家赶紧试试吧。建议大家把图片地址和图片改为自己的,不要用一样的图片,这样比较有特色。

申明:本文转载自:boke112导航,原文链接http://boke112.com/2249.html,尊重原创转载请注明文章出处!

本文地址:http://www.weixifeng.com/post/267.html
版权声明:本文为原创文章,版权归 微西风博客 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

评论列表

  1. 李明
    李明  @回复

    我的谷歌广告经常被屏蔽,这方法真好,更利于用户体验。

  2. boke112导航
    boke112导航  @回复

    我都还没有折腾这个的,有空我再添加这个广告背景图

    • 微西风博客
      微西风博客 2015-12-11 16:26:47  回复

      @boke112导航没用的说实话,100个来访IP能有几个人点广告啊!就算展现收入,再算上屏蔽的,小站长指望玩网站赚钱太不现实了,跟卢松松一样搞点增值业务还差不多。

  3. 明月登楼
    明月登楼  @回复

    我试过了,对于屏蔽软件这个方法没有用呀!

  4. rexyan
    rexyan  @回复

    哈哈,还是喜欢简洁的样子

  5. 大学问社区
    大学问社区  @回复

    好多网站都屏蔽广告