增强用户体验之–广告后加载

在网页上放几个GOOGLE广告,又放了个DAITUI,又放个访问量统计。在网速慢的时候,加载这些代码的时候网页一直处于等等状态。但用户来网站是看内容的,所以我们应该让网页内容先显示,最后显示这些外加的东西。 当然还有一些其他的情况,我们希望网页的内容按我们设定的顺序加载。

进入正题(拿GOOGLE广告为例):

1.在要插入广告的地方,置一个元素,span、p、div都可以,如果表格中也可以给td赋个ID


<span id="googleAd">
google广告加载中...
</span>

2. 在页面底部,也就是</body>之前,放下面一段


<div id="googleAdContent" style='display:none'>
此处替换为google广告内容
</div>
<script language="javascript">
document.getElementById('googleAd').innerHTML=document.getElementById('googleAdContent').innerHTML;
document.getElementById('googleAdContent').innerHTML = "";   //这行可以有,也可以没有
</script>

效果展示就看本页右侧和文章下面的广告吧,可以右键看本页的源代码进行分析哦~

3 评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注