注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

格物窮理 玄陰極地

生殺動靜 順勢擇吉

 
 
 

日志

 
 

(转载)先加载网页后再加载JS广告  

2012-02-27 09:58:26|  分类: 建站 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
一般来说,如果我们用js来调用广告的话,如果广告商的广告加载慢的话,就会使我们整个的网站加载慢,主要是网页的显示顺序是从上到下,而广告我们一般都放在前面,有几个方法可以是js在等网站全部载入完后再载入,当然这种方法不止用于广告显示,包括比较慢的js文件都可以用。
如果你的网站有GG AdSense有段代码能显著加快网站载入速度:

第一种方法:

<div id="googlead" width="广告的宽度" height="广告的高度">
<div id="googleadcode" style="display:none">
#在此贴入您的广告代码。贴入后请将此行删除
</div>
<script language="javascript">  
if(document.all.item("googlead") != null)  
{  
googlead.innerHTML = googleadcode.innerHTML;  
}  
</script>

第二种方法:

一:把这段代码放在你要放广告的网页位置:
<SPAN id=ad_01><img src="{dede:field name=’templeturl’/}/10lidi/images/loading.gif" /><br />正在载入请耐心等待…</SPAN>

二:把这段代码放到页底:
<SPAN class=spanclass id=span_ad_01>
<script type="text/javascript" src="你的js地址</SPAN>
<SCRIPT>ad_01.innerHTML=span_ad_01.innerHTML;span_ad_01.innerHTML="";</SCRIPT>

如果要放多个js可以这样:

这个放到你的广告的位置

<SPAN id=ad_01>广告载入中,正在加载第1个广告…</SPAN>

<SPAN id=ad_02>广告载入中,正在加载第2个广告…</SPAN>

下面的放到底部:

<SPAN class=spanclass id=span_ad_01>
<script language="javascript" type="text/javascript" src="你的js地址"></script>
</SPAN>
<SCRIPT>ad_01.innerHTML=span_ad_01.innerHTML;span_ad_01.innerHTML="";</SCRIPT>

<SPAN class=spanclass id=span_ad_02>
<script language="javascript" type="text/javascript" src="你的js地址"></script>
</SPAN>
<SCRIPT>ad_02.innerHTML=span_ad_02.innerHTML;span_ad_02.innerHTML="";</SCRIPT>

以上两种方法对firefox浏览器兼容不好。请接着往下看

第三种方法(支持FireFox):

第一步:把这段代码放在你要放广告的网页位置:
<div id="myads">广告载入中…</div>

第二步:把这段代码放到页底:
<div id="span_myads">
这里放广告的JS代码或其他加载速度比较慢的内容都可以。
</div>
<script type="text/javascript">
document.getElementById("myads").innerHTML = document.getElementById("span_myads").innerHTML;
document.getElementById("span_myads").innerHTML = "";
</script>

  评论这张
 
阅读(731)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017