友好的广告方式：为广告添加关闭按钮
今天在 http://www.yin.cc/blog/add-a-close-button-ad/看到一篇个人感觉很不错的文章，为广告添加关闭按钮，作为站长我想大
家可能会放一些广告以赚取一些奶粉钱，但是如果能让访问者控制广告的显隐这是多么友好啊。
下面贴出实现的具体方法：
站长们总是喜欢放些放广告,不管流量、点击是多是少,虽然大多数都挣不到钱,但挣一分是一分.所以从这个方面讲,放置一定量的广
告无可厚非.另一角度从用户体验来讲总是多少的要受到影响.比如造成页面的混乱,加载速度的延长等.
以下实例针对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>
//广告代码
</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>
<!–这个放你的广告代码–>
</span>
<a title=”关闭” onclick=”document.getElementById(‘xx’).style.display=’none’” href=”javascript:void(0)”>关闭</a>
</div>
< ?php } ?>< ?php } ?>
css 代码我就不细说了.
这样处理有个好处,如果判断为不显示广告,那么整个广告代码都不会显示出来.当然就不会再去下载广告代码,浪费用户等待时
间.
| anyShare分享到： | |
| |
Related posts:
- 【jQuery插件】等比例缩放图片浏览-LoadImage
- 一些jQuery常用技巧
- WordPress主题设计 ： WordPress调用图片方法之一
- 将 Flash 应用程式移转至 ActionScript 3.0 的秘诀
- WordPress 对付黑客攻击的解决之道(二)
Tags: 友好的广告方式