首页 » 网页制作 » 为广告添加关闭按钮

为广告添加关闭按钮

10-08-05 09:52 759 views 19 字体:大 中小 发表评论

站长们总是喜欢放些放广告,不管流量、点击是多是少,虽然大多数都挣不到钱,但挣一分是一分.所以从这个方面讲,放置一定量的广告无可厚非.另一角度从用户体验来讲总是多少的要受到影响.比如造成页面的混乱,加载速度的延长等.

以下实例针对Wordpress.

实现的原理是写入Cookie非常简单.这个由javascript脚本来完成.然后由php判断Cookie.(我认为这种方式比较好)

首先,我们来创建个写Cookie的js.代码如下:

(function(){
function SetCookie(c_name,value,expiredays){
	var exdate=new Date();
	exdate.setDate(exdate.getDate()+expiredays);
	document.cookie=c_name+"="+escape(value)+
		((expiredays==null)?"":";expires="+exdate.toGMTString() + ";path=/");
}
window['PHC'] = {};
window['PHC']['SetCookie'] = SetCookie;
})();

然后我们在广告代码的相应位置插入一个关闭的按钮:

<div id="xx"><span class="ad">
//广告代码
</span>
<a title="关闭" onclick="document.getElementById('xx').style.display='none'" href="javascript:void(0)">关闭</a>
</div>

由于我的主题载入了jQuery框架.因此一下代码是基于jQuery的.当然你也可以用其他的办法.只是需要多敲点代码.
好了以下是我的代码.请参照相应的DOM结构查看.(每个人的情况都不同.不可通用.只能这样了)

$('#xx').click(function(){
	$('#xx').slideUp();
	PHC.SetCookie('adsxx','no',2);
	setTimeout(function(){
		alert('This advertisement will no longer display in two days!')},1000);
});

以上代码的效果是,点击关闭.广告被隐藏.同时写入Cookie,名称为philna_singlepage_ad,值为:no,有效期为2天,然后延时1秒钟后弹出警告告知之访客.这样一个Cookie便写入了.

然后我们要利用刚刚写入的Cookie来判断是否显示广告.我推荐使用php的方法.代码如下:

<?php if(!$_COOKIE[''adsxx']=='no'):?>
<!--这个放你的广告代码-->
<?php endif;?>

我把我的完整贴出来

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

css 代码我就不细说了.
这样处理有个好处,如果判断为不显示广告,那么整个广告代码都不会显示出来.当然就不会再去下载广告代码,浪费用户等待时间.

分享到：
声明:

本文《为广告添加关闭按钮》 转自：PhilNa

网页制作

,

你也许还会对以下文章感兴趣-相关文章

评论 19条 (RSS 2.0)
看完了是不是也有很多感受，赶快点评一下吧。主人很期待哦! —— 发表
  1. IMAGE 扯远了 说道：
    2010/08/05 12:41  | #1

    放广告就是为了让别人看的，又加上关闭按钮不是多此一举么

    回复
    引用
  2. IMAGE Yin 说道：
    2010/08/05 19:54  | #2

    @扯远了
    毕竟广告挺烦人的、 关闭了广告还可以提高广告的单价

    回复
    引用
  3. IMAGE 陈豆腐 说道：
    2010/08/05 22:07  | #3

    又广告了。。就好了

    回复
    引用
  4. IMAGE 百度山西分公司 说道：
    2010/08/06 10:16  | #4

    看过，学习，呵。

    回复
    引用
  5. IMAGE 睿智小超人 说道：
    2010/08/06 14:38  | #5

    这算不算修改广告代码？

    回复
    引用
  6. IMAGE Yin 说道：
    2010/08/06 15:58  | #6

    @睿智小超人
    应该不算 吧 ， 点击 关闭只是把广告隐藏起来了下次来就不再加载 广告代码了

    回复
    引用
  7. IMAGE 宁波网站推广 说道：
    2010/08/06 20:14  | #7

    这样的话 用户体验就会很好哦~ 希望每个WP都加上

    回复
    引用
  8. IMAGE 盒子 说道：
    2010/08/11 01:58  | #8

    其实这样蛮好，我倒是蛮喜欢

    回复
    引用
  9. IMAGE 盒子 说道：
    2010/08/11 02:01  | #9

    如果一个人有两个网站的话在你这里留言岂不是只能有一个网站能够显示了。
    你这个是怎么实现的？根据ip吗？

    回复
    引用
  10. IMAGE Yin 说道：
    2010/08/11 10:42  | #10

    @盒子
    后台管理 可设置留言链接 数，如果超出了 就要管理员审核才能显示的。

    回复
    引用
  11. IMAGE 淘宝网网上购物 说道：
    2010/08/12 14:54  | #11

    这个功能其实不错的，可以加上

    回复
    引用
  12. IMAGE NianQing 说道：
    2010/08/12 17:14  | #12

    这个厉害！ 学习了！！！

    回复
    引用
  13. IMAGE 宁波网站推广 说道：
    2010/08/19 14:27  | #13

    东西比较有技术含量，学习下

    回复
    引用
  14. IMAGE 匿名(124.231.154.**) 说:
    2010/09/11 11:02  | #14

    学习了

    回复
    引用
  15. IMAGE 笨小孩 说道：
    2010/09/22 21:20  | #15

    这个有用，等下拷贝过去了~~

    回复
    引用
  16. IMAGE 随州奥力扫路车 说道：
    2011/03/14 08:38  | #16

    wolaile

    回复
    引用
  17. IMAGE C瓜哥 说道：
    2011/04/03 13:59  | #17

    无图无真相

    回复
    引用
    • IMAGE Yin 说道：
      2011/04/09 15:12

      汗 那么大居然看不到

      回复
      引用
  18. IMAGE 天津网站优化 说道：
    2011/05/13 10:22  | #18

    说的挺详细的！

    回复
    引用

发表评论

最新评论 Latest Comments

广告 Advertising

回到页首