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

游子 9年前 广告代码 7,323次 22

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

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

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

    回复
    • 游子 游子说道：
      2011-06-15 11:11

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

      回复
  2. Linux爱好者 Linux爱好者说道：
    2010-12-15 16:51
    0#

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

    回复
  3. Linux爱好者 Linux爱好者说道：
    2010-12-15 14:03
    0#

    你也用WPINK主题啊，这主题可真流行那～

    回复
  4. 倡萌 倡萌说道：
    2010-09-25 09:28
    0#

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

    回复
    • 游子 游子说道：
      2010-09-25 09:42

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

      回复
  5. 无涯博客 无涯博客说道：
    2010-09-20 14:33
    0#

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

    回复
    • 游子 游子说道：
      2010-09-20 14:36

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

      回复
  6. 亿品元素 亿品元素说道：
    2010-09-19 13:33
    0#

    侧边栏的鱼好玩

    回复
  7. 微奇生活 微奇生活说道：
    2010-09-01 23:24
    0#

    很实用

    回复
  8. 学夫子 学夫子说道：
    2010-09-01 07:25
    0#

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

    回复
    • 游子 游子说道：
      2010-09-01 09:12

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

      回复
  9. 红心草 红心草说道：
    2010-08-30 12:14
    0#

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

    回复
    • 游子 游子说道：
      2010-08-30 21:33

      可以用，效果还是不错的

      回复
  10. 阿七 阿七说道：
    2010-08-30 10:33
    0#

    以前调用plugin的时候用过。

    回复
    • 游子 游子说道：
      2010-08-30 10:58

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

      回复
  11. yesureadmin yesureadmin说道：
    2010-08-30 09:42
    0#

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

    回复
    • 游子 游子说道：
      2010-08-30 09:50

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

      回复
◆ ◆