先加载网页后加载广告的方法

  让你的网站广告不再影响你网站速度:先加载网页后加载广告的方法,先加载网页,后加载广告,广告最后显示,加载网,先下网页,后下载广告

  大家是不是经常为联盟广告代码影响网页浏览速度而苦恼呢?放了广告影响了网站浏览速度,不放广告又没收入不利于网站长期发展。现在有个比较好的解决方案与大家分享!
  
  就是加入代码,在打开网页后再载入广告,这样既保证了网页的正常访问又不影响广告投放!此优化适用有一切广告框架,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>

  这样设置以后当刚进入网页的时候在广告位置显示的是 广告载入中... 等网页显示完毕,广告载入后就显示了,如果广告服务器出了问题,不会因为广告影响了网页访问!

  代码兼容测试通过:IE6/7/8、Firefox、Opera、Chrome、Safari

  注:这样为一组代码,可以控制一个广告单元,如果想控制多个广告单元复制这些代码重复一次即可。但ad_box记得重命名例如ad_box1、ad_box2、ad_box3 这样递进的循环。

最后编辑于:2010/8/30作者: 游子

热爱一切美好的新事物,搞网站也被网站搞,剁手折腾。关注与学习Web相关技术与UI\UE\UED\UCD\Server相关知识,服务器运维、前端、后端、非专业程序猿、非高级前端后端攻城师!

22 条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注

arrow grin ! ? cool roll eek evil razz mrgreen smile oops lol mad twisted wink idea cry shock neutral sad ???

  1. 志在千里说道:
    0#

    你好,我想问一下你这个文章下的随机文章如何实现啊,我也是用WPINK CMS主题,在后台添加完广告之后,文章页下只有赞助商广告,没有相关的随机日志,试过修改都不成功,希望你给指点一下,拜托!

    • 游子说道:

      你这个问题多加一些文章就可以解决了。或者改调用,改成调用最新的文章。

  2. Linux爱好者说道:
    0#

    你的代码没写全,少了尾巴。

  3. Linux爱好者说道:
    0#

    你也用WPINK主题啊,这主题可真流行那~

  4. 倡萌说道:
    0#

    这个方法曾今在别的站使用过,呵呵,很不错的方法,谢啦

    • 游子说道:

      这方法还不错,主要是可以通吃常用浏览器

  5. 无涯博客说道:
    0#

    俺的小博一天来不来几个人,先不用了。

    • 游子说道:

      等流量大了再用,我去给你增加IP

  6. 亿品元素说道:
    0#

    侧边栏的鱼好玩

  7. 微奇生活说道:
    0#

    很实用

  8. 学夫子说道:
    0#

    这方法是相当的有用,对于增加用户体验很好

    • 游子说道:

      网页下载快点就行了,我们小网站不算他用户体验

  9. 红心草说道:
    0#

    不错不错,学习了,改天在我的博客里面试试,呵呵。

    • 游子说道:

      可以用,效果还是不错的

  10. 阿七说道:
    0#

    以前调用plugin的时候用过。

    • 游子说道:

      这方法还是不错的尤其是加载慢的让它最后再显示出来,是非常有必要的

  11. yesureadmin说道:
    0#

    竟然SF了,这个不错,学习了,谢谢游子

    • 游子说道:

      天天都有SF,这方法我在用所以就写出来。