如何框架广告以提高博客的打开速度

相信不少博友都在自己的博客上放了广告吧，一方面可以为自己带来一点收益和动力，另一方面能充实页面让页面显得更炫彩。而不少博友也只是把广告代码随意放在自己想放的地方，很多时候很影响网页打开的速度。今天石头也把自己的博客代码进行了优化，以前的代码广告采用了框架，感觉页面打开的速度提高了不少。

广告代码主要分为纯代码类和框架类。

代码类广告例子：

<script type='text/javascript'>
alimama_pid='mm_10648333_0_0';
alimama_type='g';
alimama_tks={};
alimama_tks.style_i=1;
alimama_tks.lg_i=0;
alimama_tks.w_i=undefined;
alimama_tks.h_i=undefined;
alimama_tks.btn_i=1;
alimama_tks.txt_s='';
alimama_tks.hot_i=0;
alimama_tks.hc_c='#999999';
alimama_tks.c_i=0;
alimama_tks.cid_i=0;
</script>
<script type='text/javascript' src='http://a.alimama.cn/inf.js'></script>

此类广告代码是随着网页一起被下载到用户浏览器，在用户端的页面执行，在一定程度上来说比较影响网页打开的速度，且显示的效果不好。

框架类代码例子：

<iframe src="http://www.stou.info/themes/wopus/include/RightAD1_Load.html" height="250" width="250" frameborder="0" scrolling="no"></iframe>

目前石头就是采用的这种方式来投放的google广告，它会随着网页一起下载到用户端以最快的显示用户最想看到的内容，然后再在框架中显示广告内容。比如石头博客的文章页的广告，打开后会显示“正在载入”等载入完成后再显示出来，这种方式不仅提高了页面的打开时间并且对于页面的美观也起着重要的作用。

如何实现广告“正在载入”？

实现的思路：用一个层首先显示“正在载入”字样，另一个层隐藏实际要显示的广告内容，等页面下载完成后再隐藏“正在载入”层，显示广告层。比如上面的框架类代码例子中的框架源“http://www.stou.info/themes/wopus/include/RightAD1_Load.html”中的代码：

<script language="javascript">
function showad(){//页面完成后要运行的函数
document.getElementById('load').style.display='none';//隐藏正在载入层
document.getElementById('ads').style.display='block';//显示广告层
}
</script>

<body onload="showad()">
<div style="height:250px; width:250px; text-align:center; line-height:250px;" id="load">正在载入</div>
<div style="height:250px; width:250px; display:none" id="ads">
<script type="text/javascript">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

查看演示

5楼小杰博客回复该评论

发表于2010-08-03 22:20:05

请教一下把AD代码放到footer里面，延迟广告加载的方法，谢谢
stone 于 2010-8-4 7:59:21 回复说
一般都希望能提前加载，延迟加载？可以尝试用JS来控制DIV的显示与隐藏。
4楼 nobird 回复该评论

发表于2010-01-12 23:31:25

发现这个主题调用的头像不清晰，虽然我那个有点小，但是其他人的头像也是模糊的。你代码中调用的头像s=36，然后又定义了图片大小64*64
stone 于 2010-1-13 8:57:02 回复
09年1月份就已经支持了
nobird 于 2010-1-13 12:53:50 回复
嫩..看懂我说啥了么.. -0-
stone 于 2010-1-13 13:32:52 回复
不好意思，回复错了
3楼 nobird 回复该评论

发表于2010-01-12 23:29:53

貌似google不允许用iframe的...
2楼 simple 回复该评论

发表于2010-01-12 02:11:12

我来帮你点广告的，全点了。
谢谢回访，呵呵。
stone 于 2010-1-12 9:23:53 回复
感谢回访！
1楼吉光片羽回复该评论

发表于2010-01-11 19:24:26

同理可证，不显示的元素包裹的内容不会随页面加载？这是个深奥的问题……我倒是想用AJAX来调用广告的，不知道算不算作弊范畴……
stone 于 2010-1-12 9:24:47 回复
“不显示的元素包裹的内容不会随页面加载”我不这么认为哦，Ajax调用广告有什么作用呢？