如何给我们的站点广告添加一个关闭按钮

投稿  分钱榜 2016-11-28 阅读 79 次 评论 13 条

不知道分钱榜的读者朋友们有没有发现,分钱榜博客有什么贴心的小变化呢?没错,就是给网站导航栏下的推荐表格做了一个关闭按钮。如果你觉得表格过长,影响了你看文章列表,你就可以小手一抖,关掉这个大表哥了:

如何给我们的站点广告添加一个关闭按钮

怎么样,是不是有种耳目一新的感觉呢?我在折腾这个功能的时候,还惨遭友站泛宝汇博客无情取笑:广告就是给人看的,你还要做个关闭按钮,简直多此一举 。好吧,为了给读者们一个良好的用户体验,我不入地狱,谁入地狱呢?

下面我来说一说是怎么做的吧。也许会有和我一样傻的站长需要呢。

1、首先,我们来创建一个写Cookie的js。代码如下:

  1. (function(){
  2. function SetCookie(c_name,value,expiredays){
  3.     var exdate=new Date();
  4.     exdate.setDate(exdate.getDate()+expiredays);
  5.     document.cookie=c_name+"="+escape(value)+
  6.         ((expiredays==null)?"":";expires="+exdate.toGMTString() + ";path=/");
  7. }
  8. window['PHC'] = {};
  9. window['PHC']['SetCookie'] = SetCookie;
  10. })();

2、把这个JS文件放在网站根目录,不会写JS文件的,直接在自己网站随便下载一个,里面的内容换成以上代码。然后我们在广告代码的相应位置插入一个关闭的按钮:

  1. <?php if(!$_COOKIE['adsxx']=='no'){ ?>
  2.     <?php if(is_single()) { ?>
  3. <div id="xx">
  4. <span class="ad">
  5. <!--这个放你的广告代码-->
  6. </span>
  7. <a title="关闭" onclick="document.getElementById('xx').style.display='none'" href="javascript:void(0)">关闭</a>
  8. </div>
  9. <?php } ?><?php } ?>

css样式的话,我不会写,别问我。

本文地址:http://boke112.com/3666.html
关注我们:请关注一下我们的微信公众号:扫描二维码,公众号:aiboke112
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文为投稿文章,感谢 分钱榜 的投稿,版权归原作者所有,欢迎分享本文,转载请保留出处!
WordPress免费响应式主题:Nana
CPA教学与引流技巧

发表评论

呲牙憨笑坏笑偷笑色微笑抓狂睡觉酷流汗鼓掌大哭可怜疑问晕惊讶得意尴尬发怒奋斗衰骷髅啤酒吃饭礼物强弱握手OKNO勾引拳头差劲爱你

表情

  1. 雅兮网
    雅兮网 【省长】 @回复

    有点搞不懂 为什么要写上面那个cookie JS文件呢?跟关闭功能有啥关联么?

    • boke112导航
      boke112导航【站长】 @回复

      @雅兮网 对于这个我也不懂,对于这种技术文章只能让懂得人折腾了

  2. 雅兮网
    雅兮网 【省长】 @回复

    这个是个非常棒的思路,有时候为了一点点广告收益,我们挂上富媒体悬浮广告位,而很多时候这类广告很难关闭,有了这个代码,轻松干掉!

    • boke112导航
      boke112导航【站长】 @回复

      @雅兮网 有些广告是屏蔽不了的,增加一个关闭或折叠按钮还是挺人性化的

  3. 雅兮网
    雅兮网 【省长】 @回复

    不能随便在主题里随便下载一个js就改啊,… [晕] 直接写入可以,不能替换别的代码..

  4. 我爱动感单车网
    我爱动感单车网 【省长】 @回复

    [强] 这个有点意思!

  5. 网赚博客
    网赚博客 【农民】 @回复

    确实不错的

  6. 靠谱学生兼职网
    靠谱学生兼职网 【镇长】 @回复

    不错哦,博主一技术员。

  7. 分钱榜
    分钱榜 【镇长】 @回复

    感谢博客112的收录

  8. 爱时尚
    爱时尚 【市长】 @回复

    想开就开相关就关 [强]

  9. DIY大全
    DIY大全 【队长】 @回复

    这个还是有点用的

  10. 小萝博客
    小萝博客 【市长】 @回复

    用插件就可以屏蔽广告

  11. 金榜台博客
    金榜台博客 【县长】 @回复

    很是实用,感谢分享