飘易博客(作者:Flymorn)
订阅《飘易博客》RSS,第一时间查看最新文章!
飘易首页 | 留言本 | 关于我 | 订阅Feed

网站加载广告大提速,广告不再烦

Author:flymorn Source:飘易博客
Categories:网站设计 PostTime:2008-1-23 10:05:43
正 文:
    很多网站为了或长远或短期的发展,都会在自己的网站/博客上投放一些广告,以获得一定的网站收支平衡。但由于广告提供者是网站外部接入的,具有不确定因素,如广告服务器超负荷,线路故障等导致广告服务器失去响应;这个时候,如果你的网站使用的是JS插入方式的广告,那你的网站打开速度也会慢如蜗牛。

    投放广告的方式很多,最常用的是两种:直接调用外部js和外部iframe。这2种方法如果你是直接调用,那都不能解决自身网站的打开速度。在广告服务器响应快速的情况下,还感觉不到什么。当广告服务器的响应速度慢于你的服务器打开的速度的时候,你就会收拖累了。

    以前,不少人喜欢用iframe的方式插入广告,这个是可以解决问题。但这种方式的缺点很明显:
1、iframe的高和宽是固定的,如果iframe是被成千上万个静态页调用,而又需要调整高度和宽度,那你就要重新生成这么多的页面,麻烦;
2、一个iframe就占用服务器的一个进程,如果你的页面有多个iframe,那么你的网站同时在线人数将受到限制,本来可以同时在线500人,由于调用自身的iframe很多,同时科承受人数将大打折扣。

    所以,我建议,使用js方式调用本站广告数据。具体操作方法如下:
1、首先在需要插入广告的地方写入:
<span id="ad_1"></span>

2、在页面源代码最下方,</body>之前插入以下替换广告代码:
<SPAN id="ad_11" style="visibility:hidden;">
<script language="JavaScript" src="/js/ad_1.js"></script>
</SPAN>
<SCRIPT>ad_1.innerHTML=ad_11.innerHTML;ad_11.innerHTML="";</SCRIPT>

3、在本地/js/ad_1.js路径下的ad_1.js里写入广告代码;这里的广告代码可以自由发挥,可以写诸如JS,IFRAME,等;Google Adsense也支持此种方式的调用。

    说明:其中style="visibility:hidden;"表示下面的这段代码在执行的时候隐藏,以免影响整站界面。路径/js/ad_1.js李的ad_1.js是网站服务器上的js文件,以后我们需要改变广告了,更换广告了,直接在ad_1.js里修改广告代码就可以了,而且这种方式的调用,丝毫不会影响网站的整体打开速度,因为我们把广告调用代码放在网页最后面执行了。

    当然,如果你要更改广告的高度和宽度,也可以直接在这样的js里修改。js的语法支持2种方式:document.write("...AD...");以及document.writeln("...AD...");(分行写入),其中双引号也可改为单引号;如果用双引号,AD代码的遇到双引号时,需要转义符号\。具体的js语法,大家可以简单的学习下。
作者:flymorn
来源:飘易博客
版权所有。转载时必须以链接形式注明作者和原始出处及本声明。
上一篇:重庆818公交车,随意更改线路,要投诉吗
下一篇:Asp伪静态化方法及Asp静态化探讨
2条评论 “网站加载广告大提速,广告不再烦”
2008-4-16 17:19:52
我的就是用这种方法.
但Firefox好像不支持哦...
不知有什么高招?
2011-11-29 8:56:12
FIREFOX真有问题
发表评论
名称(*必填)
邮件(选填)
网站(选填)

记住我,下次回复时不用重新输入个人信息
© 2007-2010 飘易博客 Www.Piaoyi.Org 原创文章版权由飘易所有 渝ICP备07006361号