记录生活 学习SEO优化 | 他日若遂凌云志 敢笑黄巢不丈夫
>>Home > 学习笔记 > 杂文趣事 > 杂文逸事 > 添加广告,加载完页面再加载广告

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

Tags: | | 作者:海天无影

转眼海天的博客已经有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和百度。

日志信息 »

该日志于2010-07-11 04:08由 海天无影 发表在学习笔记, 杂文逸事分类下, 你可以发表评论。除了可以将这个日志以保留源地址及作者的情况下转载到你的网站或博客,还可以通过RSS 2.0订阅这个日志的所有评论。

37条评论▼点击进行评论

  1. 介绍的不错,我就偷偷的给你点下 不告诉他们 呵呵~

    • 哇 还没睡啊
      在看球啊? 呵呵 德国赢了

      • 是啊 德国好厉害 呵呵~

        • 差点点 就败了
          不过赢了 也只是第三了 我一开始以为德国能捧大力神杯的呢……

  2. 海天这段时间你的php肯定学的不错吧。我用插件加入广告感觉不合适!

    • 呵呵 我的php 还早呢,加广告这点小事 就不用插件了
      我已经开启了很多插件了……再开貌似有点多了

  3. 又是一个技术文章牛,不过我想在feed文章的头加广告不会

    • 对哦 在feed加广告 也不错 恩 我也来加
      我本来就在feed加上的我的电影更新,我是加在文章后面的?你可以去看看
      你想要加载文章前面?

  4. 呵呵 你申请了啊 我有时间和你交流下申请Adsense的细节啊 O(∩_∩)O~

    • 额 我就是申请了 然后就放上去就不管了
      有时间 向你学习啊

  5. 真好,都有广告了。。。支持下下

    • 呵呵 你也刻意加啊 我们支持你 :lol:

  6. 百度弄纯文字的吧,带图片的经常出现乱七八糟医院的广告

    • 谢谢提意见哦~ 我的百度就是弄纯文字的
      因为我文章列表都是文字 所以百度广告业弄成纯文字的要不 不好看 呵呵

  7. 百度最黑 :x

    • 是啊 给的钱少之又少
      还是google好 但百度申请下来了 还是给点面子吧~

  8. 咱来给你点点广告,算是奖励这个好文章啦,呵呵

  9. 我记得我最了解google adsense的时候 加上去 结果显示 是什么男子医院和女子医院 爆雷人啊

    • 额 不是吧 要是有这个医院的 我立即把Adsense给换成全文字的……

  10. 海天的博客现在是越来越热闹了哈

  11. 嗯,这个很重要,一般加载JS都放到最下面,影响网页加载速度

    • 呵呵 是啊 现在等网页加载完后再加载广告 就不会影响阅读啦~

  12. 嗯,有道理

    • 恩 等网页加载完后再加载广告 就不会影响阅读啦

  13. 这个不错 不会影响用户

    • 恩 是啊 要不然加载时会卡一下
      等网页加载完后再加载广告 就不会影响阅读啦

  14. 我加在了评论框那里了,应该不太影响吧…

    • 呵呵 评论框边上是个热点
      下次 我也加个 呵呵

  15. 这个非常不错

  16. 等有时间重新做个主题了,我也开始加广告。 :mrgreen:

    • 嗯 加个广告 不为赚多少钱 只为好玩 呵呵~

  17. 呵呵!加油啊!我也是刚加上不久!我也偷偷的给你点一下!你比我有潜力多了!哈哈!

    • 呵呵 谢谢啦
      加油 人气会有的 广告会有的 呵呵~

  18. 马上世界杯 哈哈哈;。 :o

    • 呵呵 写这篇文章的时候 就是看着德国VS乌拉圭写的
      哈哈 你马上看决赛 我可没精力看啦 明天要上班 直接看结果了~

  19. 来咯 我咋没看到广告呢?

    • 额 你用的是卡巴吧?
      卡巴会过滤Adsense广告的
      而因为百度添加新网站还没审核完,所以先一起换成Google Adsense了~

      • 我用的是NOD32的

        • 额 难道现在NOD32也过滤广告了?
          还是其他什么软件啊~

  20. 我也来给你点点 :lol:

    • 哈哈 谢谢~
      我也偷偷的去你那转转点点~ ;-)

  21. 我最近也准备放GGAD广告上去,可以不知道怎么弄,有空教教我没?

    • 呵呵放上去 小赚一点也是不错的
      你有什么问题尽管问呗
      我是知无不言 哈哈

      • Q上联系下,105871875,验证也是这个。

        • 看到冰剑的问题是“你不会为了偷菜才加我吧?”
          看来冰剑的农场很牛啊~

  22. 这个我也用到过 /

    • 恩 等网页加载完后再加载广告提高用户体验的 呵呵

  23. 汗,这一招也被你学来了。

  24. 留个脚印吧 呵呵

  25. 2Google 帐号被封的路过//

    • 额 两个都被封了
      那么强悍啊~

  26. 来点下广告, :mrgreen:

  27. 相对而言更喜欢你这个博客,嘿嘿~

  28. 广告很不显眼啊,弄个颜色有别于主题的吧。

    • 额 你说百度吗?百度无所谓了 没多少钱 放上去就是好玩的
      GOOGLE我已经弄成黑色的啦 呵呵

  29. 你才100天就能申请下gAD?不是要6个月吗?我前几天申请被拒了,唉

    • :lol: 我这个是老站的Adsense
      其实老站的都不算 我的电影站是ru域名 都不给通过的
      我是用公司的网站申请的,哈哈,反正一个帐号通用
      百度到是直接申请通过的

      • 对,你的域名很早了,你这篇文章想法不错,如果想让页面全部加载完再执行广告用上window.onload也可以,js脚本放哪无所谓。

        改天我继续申请去!骚扰死google这家伙!嘿嘿~

        • 唉 骚扰 貌似是骚扰不了的
          不过你的站 应该多点文章 因为我记得好像在哪看过 少于6个月申请到的有可能是你的文章有点少 多写点 再去骚扰 哈哈
          但是js代码还是放最后好点的吧
          为什么window.onload 放哪都好

  30. 过来帮你点击下呀!

    • 可惜我的GA因为没验证PIN 现在不出广告 郁闷~

  31. 不错的方法,谢谢了哦

  32. 帮你点点 哈哈

  33. 没看见广告,用了ADBlock,chrome浏览器

icon_wink.gif icon_neutral.gif icon_mad.gif icon_twisted.gif icon_smile.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_cry.gif icon_cool.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif 

« WordPress短代码添加运行代码框 未来帝、章鱼哥谁更强势?由此看预支营销策划 »