北极寒流 » 网络资源 » 先加载网页然后加载广告代码的方法 - 2010.11.09

先加载网页然后加载广告代码的方法

先加载网页,然后加载广告代码的方法。大家可能有体会,由于联盟广告的加载慢,严重影响了整体页面的显示速度。特别是对于我们采用国外服务器的博主,更是雪上加霜,不挂广告吧,甚至连个域名钱都要倒贴,挂个广告吧,又严重影响用户体验。有没可以让网页先加载,然后加载广告代码的办法呢?现在把我在用的这段代码贴出,希望对大家有所帮助。先加载网页,然后再加载广告,这样就让广告代码不再影响你的网页加载速度!

关键字:先载入网页, 先加载网页, 先加载网页后加载广告, 后下载广告, 后加载广告, 广告最后显示

让你的网站广告不再影响你网站速度:先加载网页后加载广告的方法,先加载网页,后加载广告,广告最后显示,这样既保证了网页的正常访问又不影响广告投放!此广告优化方法适用有一切广告框架,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 这样递进的循环。

效果预览:亿品元素

评论关闭