让广告延迟加载

2012/02/14|EinCy|代码如诗

网页载入速度对于提升用户体验来说是很重要的。经常是各方面都优化得不错，网站正常是很快加载，但就是被几个广告拖死了，尤其是用了广告联盟的广告。想要解决这个问题，又不去掉广告，可以使用Javascript的延迟加载功能。

首先，在网页底部放上广告代码：（注意这里假设等下要显示广告的那个div为ad1）

<div id="ad1s" style="display:none">
广告代码
</div>
<script language="javascript" type="text/javascript">
if(document.getElementById("ad1")!= null){document.getElementById("ad1").innerHTML = document.getElementById("ad1s").innerHTML};
</script>

然后再需要插入广告的地方放上以下代码：

<div id="ad1"></div>

特别要注意div的ID，这里ad1是要展示广告的，ad1s是放在网页底部延迟加载用的。如果需要放置多个广告，只要复制一段，然后把ID相应地改一下就可以了。

这样广告将会在整个网页的其他内容都加载完以后才出现，就不会拖累网页的加载速度了。

转载请保留链接:http://www.eincy.com/post/ad-slow.html

标签: JavaScript, WordPress, 广告

已有8条评论

侯永禄说：

2012/09/2123:05

请问如何延迟一分钟加载一个iframe呢？

回复
灰狼说：

2012/06/0414:13

我就是用这个方式的

回复
- EinCy 说：
  
  2012/06/0612:55
  
  @灰狼后来好像听说会违反Google广告政策
  
  回复
平板电脑推荐说：

2012/02/1818:10

经常出现右边Google广告加载慢懂得情况。不过同意楼上的观点，小心当作弊。

回复
天浩博客说：

2012/02/1814:28

来了解一下这段代码

回复
Hello Beautiful 说：

2012/02/1721:39

试试看。

回复
Yafei 说：

2012/02/1519:08

好早的代码啊

回复
Dick_Wu 说：

2012/02/1422:57

这个行为可能会被Google判定为作弊啊~
貌似AJAX，iFrame都是被Google作为灭广告理由的

回复

发表评论取消回复