如何实现先加载网页然后加载广告代码?

由于联盟广告的加载慢,严重影响了整体页面的显示速度。特别是放置google adsense的,由于众所周知的原因,adsense的广告代码经常抽风加载很慢。如何实现先加载网页然后加载广告代码?让你的网站广告不再影响你网站速度:先加载网页后加载广告的方法,先加载网页,后加载广告,广告最后显示,这样既保证了网页的正常访问又不影响广告投放!此广告优化方法适用有一切广告框架,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 这样递进的循环。

 

人吐槽 人点赞

猜你喜欢

发表评论

用户名: 密码:
验证码: 匿名发表

你可以使用这些语言

查看评论:如何实现先加载网页然后加载广告代码?