先加载网页后加载广告的方法
让你的网站广告不再影响你网站速度:先加载网页后加载广告的方法,先加载网页,后加载广告,广告最后显示,加载网,先下网页,后下载广告
大家是不是经常为联盟广告代码影响网页浏览速度而苦恼呢？放了广告影响了网站浏览速度，不放广告又没收入不利于网站长期发展。现在有个比较好的解决方案与大家分享！
就是加入代码，在打开网页后再载入广告，这样既保证了网页的正常访问又不影响广告投放！此优化适用有一切广告框架，JS等！
先加载网页，然后加载广告代码的方法。大家可能有体会，由于联盟广告的加载慢，严重影响了整体页面的显示速度。我把我在用的这段代码贴出，希望对大家有所帮助，先加载网页，然后再加载广告，这样就让广告代码不再影响你的网页加载速度！
第一步：把这段代码放在你要放广告的网页位置，让先只是显示“广告加载中…”的字样
<div id=ad_box>广告载入中…</div>
第二步：把这段代码放到页面的底部，将广告代码加载到上面那个位置，取代原来的文字!
<div id="ad_code" style="display:none">这里放js广告代码或者其它加载比较慢的广告代码</div>
<script type="text/javascript">document.getElementById("ad_box").innerHTML=document.getElementById("ad_code").innerHTML;</script>
<script type="text/javascript">document.getElementById("ad_box").innerHTML=document.getElementById("ad_code").innerHTML;</script>
这样设置以后当刚进入网页的时候在广告位置显示的是 广告载入中... 等网页显示完毕，广告载入后就显示了，如果广告服务器出了问题，不会因为广告影响了网页访问！
代码兼容测试通过：IE6/7/8、Firefox、Opera、Chrome、Safari
注：这样为一组代码，可以控制一个广告单元，如果想控制多个广告单元复制这些代码重复一次即可。但ad_box记得重命名例如ad_box1、ad_box2、ad_box3 这样递进的循环。
原创文章转载请注明 游子网络 本文链接地址：http://www.yziw.net/archives/1988.html
上一篇: 屏蔽JS脚本错误提示(JS容错代码)
22个评论
发表评论
-
随机推荐
2010/08/30 09:42:59
竟然SF了,这个不错,学习了,谢谢游子
[回复]
游子 回复:
八月 30th, 2010 at 9:50 上午
天天都有SF，这方法我在用所以就写出来。
[回复]
2010/08/30 10:33:58
以前调用plugin的时候用过。
[回复]
游子 回复:
八月 30th, 2010 at 10:58 上午
这方法还是不错的尤其是加载慢的让它最后再显示出来，是非常有必要的
[回复]
2010/08/30 12:14:33
不错不错，学习了，改天在我的博客里面试试，呵呵。
[回复]
游子 回复:
八月 30th, 2010 at 9:33 下午
可以用，效果还是不错的
[回复]
2010/09/01 07:25:40
这方法是相当的有用，对于增加用户体验很好
[回复]
游子 回复:
九月 1st, 2010 at 9:12 上午
网页下载快点就行了，我们小网站不算他用户体验
[回复]
2010/09/01 23:24:40
很实用
[回复]
游子 回复:
九月 2nd, 2010 at 12:28 上午
很实用就用吧
[回复]
2010/09/19 13:33:47
侧边栏的鱼好玩
[回复]
游子 回复:
九月 19th, 2010 at 2:18 下午
帮忙喂鱼了吗
[回复]
2010/09/20 14:33:57
俺的小博一天来不来几个人，先不用了。
[回复]
游子 回复:
九月 20th, 2010 at 2:36 下午
等流量大了再用，我去给你增加IP
[回复]
2010/09/25 09:28:00
这个方法曾今在别的站使用过，呵呵，很不错的方法，谢啦
[回复]
游子 回复:
九月 25th, 2010 at 9:42 上午
这方法还不错，主要是可以通吃常用浏览器
[回复]
2010/12/15 14:03:04
你也用WPINK主题啊，这主题可真流行那～
[回复]
游子 回复:
十二月 16th, 2010 at 1:37 下午
WPINK用的人多
[回复]
2010/12/15 16:51:17
你的代码没写全，少了尾巴。
[回复]
游子 回复:
十二月 16th, 2010 at 1:38 下午
非常完整！
[回复]
2011/06/15 10:45:59
你好，我想问一下你这个文章下的随机文章如何实现啊，我也是用WPINK CMS主题，在后台添加完广告之后，文章页下只有赞助商广告，没有相关的随机日志，试过修改都不成功，希望你给指点一下，拜托！
[回复]
游子 回复:
六月 15th, 2011 at 11:11 上午
你这个问题多加一些文章就可以解决了。或者改调用，改成调用最新的文章。
[回复]