海天无影Blog

添加广告,加载完页面再加载广告

/ 1980阅 / 70评 / 0

转眼海天的博客已经有100天了,相信大家已经发现,海天的博客上已经添加了广告了。就像美国的教育一样,博客长大了,也该独立了,所以海天就决定在这个比较有意义的一天,给博客加上广告。

当然现在海天的博客还没什么人气,所以肯定没人来投广告的。这次加的广告2个是Adsense,1个百度的。希望等以后人气高了,有人能看上海天的博客,赏两个广告费。

本来不想加百度的广告,但是想想好不容易申请下来的,不加太对不起百度了。但是百度给的钱实在是太少了,所以好位置还是留给GOOGLE的,海天就将“相关文章”栏目下的一块留给了百度。

两个Adsense广告,海天一个加在了侧栏的,一个加在了文章列表页第一篇文章下面,可以说两个广告位都是黄金位置啊,谁叫Adsense给的钱多呢,嘿嘿。

海天本来还想用原来写过一篇《投影样式的图片显示形式》的样式加一个广告的,可发现实在没什么地方可加。加在侧边栏,不够宽;和异次元一样加在文章头部,海天又感觉不好看,所以就想放弃这个好看的投影样式的显示广告方式了。

海天在文章列表页第一篇文章下面,用的方法是《WordPress首页第X篇日志后显示广告》,海天就在第一篇文章后加的广告,感觉也不算太丑吧,就先放那吧。

但后来海天发现,每次打开页面的时候,加在到广告的时候会小卡一下,等广告加载完才继续加载页面,很是影响网页打开的速度。海天就想到了海天无影Movie站也用的那个方法,等页面加载完再加载广告,让广告代码不再影响网页打开的速度。

先加载完页面再加载广告的原理:
网页打开的顺序都是按页面从上到下的顺序加载完成的,所以要想使广告不影响页面打开速度,就要等页面全部打开完成后,再加载JS代码。等页面加载完再加载广告其实就是将广告的 JS 代码放在页面的底部,等页面内容打开完成后再加载到广告代码,再用页面上预留好的的 DIV 输出广告。

使用方法:
1、将以下代码放置页面中想要放广告的地方

<div id="myads">载入中…</div>

2、将一下代码放置页面底部,也就是footer,php文件的底部。

<div id="span_myads">这里放广告代码</div>
<script type="text/javascript">
document.getElementById("myads").innerHTML = document.getElementById("span_myads").innerHTML;
document.getElementById("span_myads").innerHTML = "";
</script>

OK,这样就实现了先加载完页面再加载广告了,怎么样不影响大家阅读吧,当然大家在阅读的时候,不要忘了帮忙点两下,嘿嘿,偷偷的哦,不要告诉GOOGLE和百度。

发表回复

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