[返回首页]
 ◎ 您当前的位置:首页 >> 站长学堂 >> 备忘资料 >> 正文
Google官方提供加快带广告页面的显示速度的代码
作者: 来源: 发布时间:2007-4-21 22:48:16 浏览次数: 0742122530275572

  作为一名blogger一般都会是一名AdSenser,不管是为了赚点外快也好,增加网站内容也好.但是不论是放了Google的广告还是百度的推介等等都会受到一个问题的困扰,那就是广告的显示速度和显示位置的冲突(特别是google的广告)--想要得到好的点击量就要把广告放到显眼的地方,而这样带来的问题就是网页加载的速度变慢,而且一旦广告显示不出,整个页面都会卡在那里;想要广告不影响速度就要把广告放到页面的最下方,可是这样广告在最底部根本不会有什么点击,因为很少有人会浏览到最底部,广告基本被忽略了.那么如何来解决呢?网上搜了一下,一般都是用js调用的方式,感觉不是很好,而且也不是很容易控制,现在大龙和您分享用div+css的方式来解决问题的办法.
  首先新建一个div,给他一个id或者class,把你Google广告代码放进去,比如这样:

<div id="GoogleAd">
<script type="text/javascript"><!--
google_ad_client = "pub-****************";
google_ad_width = 234;
google_ad_height = 60;
google_ad_format = "234x60_as";
google_ad_type = "text_image";
google_ad_channel ="";
//--></script>
<script type="text/javascript"
 src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>



  然后把它放到页面的最下方,</body>标签的上面,这样广告就会在所有页面都加载之后再出现,即使显示的比较慢也不会影响页面的浏览.
  好,下面我们把它放到您想要展示他的地方,比如您的网站的或者论坛的banner处,当然前提是您已经为它留出了空位置,不然显示的效果不好,呵呵.
  先来看看演示效果:
  论坛banner广告:http://bbs.macrolong.com/
  blog黑色风格右上角的广告:http://blog.macrolong.com/...
下面是我blog用的css代码,只是起个抛砖引玉的作用,大家可以自己根据自己的实际情况来修改,比如我们论坛的代码就是用的右边和上边的置入.
相关的css代码:


#GoogleAd{
 position:absolute;/*绝对定位,这样层才会浮动到上面,如果不放心可以加上 显示:可见 visibility: visible; 如果遇到多个层排列浮动顺序的时候还可以设定z-index值*/
 left:770px;/*左边置入770px*/
 top:70px;/*上边置入70px*/
}


  是不是感觉非常简单呢,呵呵,没办法,偶也是菜鸟啊,复杂的东西不会弄,不过也从另一个方面说明了css的强大和实用。当然,您也可以在其它的网页布局中应用。

[返回上一页] [打 印]
上一篇文章:让广告不影响页面打开速度 | 下一篇文章:没有了
热点文章 推荐文章 相关信息
·黑板报效果的背景图
·Google广告新手必读
·GGAD优化之独孤九式
·美化Google Adsense的办法
·Google Adsense 支票托收信息收集
·失误的无效点击过滤: Google adsense
·Google官方提供加快带广告页面的显示
·让广告不影响页面打开速度
·关于Google Adsense 2007年1月新条款