让你的网站广告不再影响你网站速度:先加载网页后加载广告的方法,先加载网页,后加载广告,广告最后显示,这样既保证了网页的正常访问又不影响广告投放!此广告优化方法适用有一切广告框架,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
不只是Google广告可以这样,像百度联盟的广告或其它形式的广告都可以这样加载,提升你的网页体验度。
百度广告异步加载
联盟代码目前没有异步加载方式,但是百度广告管家中创建的广告位也可以建立联盟物料,并且提供了多种加载方式,如果页面中已加载JQuery的话可以用下面这段代码:
代码如下 | 复制代码 |
$.getScript("http://cbjs.baidu.com/js/m.js", function() { BAIDU_CLB_fillSlotAsync("12345","your_id"); BAIDU_CLB_fillSlotAsync("23456","your_id2"); }); |
如果没有加载JQuery的情况可以使用原生的异步加载方式
代码如下 | 复制代码 |
<script type="text/javascript" src="http://cbjs.baidu.com/js/m.js"></script> <script type="text/javascript"> BAIDU_CLB_fillSlotAsync("12345","your_id"); BAIDU_CLB_fillSlotAsync("23456","your_id2"); </script> |
当然还有一种情况就是,在不想加载JQuery的情况下想使用setTimeout去做倒计时,可以参考谷歌统计的代码来这么写
代码如下 | 复制代码 |
var cpro_id = "u123456"; setTimeout(function () { (function() {var du = document.createElement('script'); du.type = 'text/javascript'; du.src = 'http://cpro.baidustatic.com/cpro/ui/c.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(du, s);})(); },1000); |
时间: 2024-08-22 14:15:25