爱好者博客(www.zber.org),今天我们一起来分享一下如何在个人博客网站增加个GoogleAdsens广告,以ZBlog模板为例进行说明。
  首先:我们一起来分享一下网站模板排版对广告点击的影响,只有我们了解用户习惯,才能做到比较理想的点击效果,才能利用有限的流量争取到更多,更合理的点击,周哥给大家说的都是正常情况下的点击,不允许有欺诈行为,那样对广告主,对网站的长远发展都是不利的。
  图示:GoogleAdsense权威指导
GoogleAdsens标准广告位置,zblog广告代码以参考本图片
看大图片:http://www.google.com/images/adsense/zh_CN/support/blogtimize_zh-CN.jpg
备注:灰色的部分是内容,有颜色的部分是广告,这些当然只做参考,具体要根据自己的网站实际情况出发。

博客中的 Google 广告应该放在的何处?
  通过博客投放广告时,您会遇到一些完全不同的挑战: 给定的网页格式、具有高度针对性的内容及常客等等。为了最有效地利用读者资源和网页内容。
使广告融入博客
  要提高读者关注并点击广告的可能性,请将广告单元融入博客的背景中。为广告标题应用鲜明的颜色有助于使广告引人注目,而且应确保广告的背景和边框与其投放区域使用相同的背景颜色。

下面来教大家放广告代码,找到我们的模板文件以默认模板为例.
  路径:文件管理/THEMES/default/TEMPLATE/ 找到这下面可以放代码的文件(default.html 首页模板,b_article-istop.html置顶模板,b_article-multi.html栏目模板一,catalog.html栏目模板二,b_article-single.html文章内容页模板一,single.html文章内容页模板二,tags.html标签页模板,search.html搜索页模板。好了,我们大部分的广告都是要安置在这些里面的。

第一;首页放置广告(default.html)首页模板,一般情况下首页放一两个就可以了,放边栏的位置。
边栏广告的办法:大家先找到<div id="divSidebar">这段代码,方法按:Crtl+F 搜索到这个。这个时候找一段边栏的代码复制一份出来。
<div class="function" id="divCalendar">
<h3><#ZC_MSG050#></h3>
<div><#CACHE_INCLUDE_CALENDAR#></div>
</div>比如这一段,是默认模板中的控制页面代码。我们在这段代码上再放一段一样的。
<div class="function" id="divCalendar">
<h3><#ZC_MSG050#>这个代码删除,改成文字的广告即可。</h3>
<div><#CACHE_INCLUDE_CALENDAR#></div>这一段都删除吧,直接把广告替换掉。
</div>这样子。就行了。其实广告直接放在红色的代码里面即可。注意广告的大小,太大的可能就搌烂掉,会不好看的。
正文页面放广告的办法:  大家用上面的方法找到这段代码<div id="divMain">我们可以在后面直接放上GoogleAdsens的长方广告,728*90的。也可以直接放728*15的文字链接广告,链接广告的点击率是相当不错的。在这段代码的下面是<#template:article-multi#>这段代码是显示文章列表的,我们可以在这段代码的后面同样放上长方广告及文字链接广告。
第二;栏目页广告的放置(catalog.html)栏目模板,栏目页其实和首页差不多,也只要找到上面的两处代码放上去就可以了,今天我们重点讲一下内容页面放置广告。因为内容页将是最多广告展示的地方,有着很重要的含义。
第三;内容页(single.html广告的放置
  下面我们着重来介绍一下文章内容页面的广告放置,因为这个页面关系到以后所有文章展示广告,放置广告的成功与否就看这儿了,点击率大多数也是从这里面产生的。
  首先我们找到内容模板一b_article-single.html,找到第五行<div class="post-body"><#article/content#></div>这一段代码。红色部分表示内容展示代码,我们发的所有帖子都是通过它来展示的.
在前面加如以下代码:
<div id="vad" class="ggad">
google广告代码
</div>
加好后的效果是
<div class="post-body"><div id="vad" class="ggad">google广告代码</div><#article/content#></div>
好了,这只是加上了代码,我们还要用css,来定义一下广告的高度跟宽度。

我们打开CSS文件:/THEMES/default/STYLE/default.css 默认的模板中有两个,我们以第一个为例。
打开后在最后面加入以下css代码:
.ggad {
    margin: 10px 5px 2px 2px;
    padding: 10px 0px 0px 10px;
    float:left;
    width: 250px;
    height: 250px;
    vertical-align: top;
    border:1px #000000 solid;
}
下面说明一下这段代码,让大家知道怎么修改以适合广告位的大小。
.ggad {
    margin: 10px 5px 2px 2px;
    padding: 10px 0px 0px 10px;
    float:left; 这儿是广告显示左边还是右边,要显示在,left右边可以换成right,左边。
    width: 250px; 广告的宽度,Google的大方有很多种,最好的还是300*250的,这是Google推荐的格式。
    height: 250px; 广告的高度,这个不用说了,Google的广告高度是多少,自己调就可以了。
    vertical-align: top;
    border:1px #000000 solid; 有无边匡,这儿是有的1像素的边匡,黑色,自己可以改成0不要,#FFF白色,随便自己
}
其它的地方要是想放的话,可以对照zblog官方的教程去改http://wiki.rainbowsoft.org/doku.php?id=themes:template,好了看今天放置广告会是什么样子吧。

广告效果图片

博客中的 Google 广告应该放在的何处?
  通过博客投放广告时,您会遇到一些完全不同的挑战: 给定的网页格式、具有高度针对性的内容及常客等等。为了最有效地利用读者资源和网页内容。
使广告融入博客
  要提高读者关注并点击广告的可能性,请将广告单元融入博客的背景中。为广告标题应用鲜明的颜色有助于使广告引人注目,而且应确保广告的背景和边框与其投放区域使用相同的背景颜色。

  不错吧,这是left,改成right就应该是右边了,自己体验一下吧,这样的广告点击一般很高的哦,不要按官方说的把内容跟广告融合的太好了,那样只能减少点击率,我们要把文字的标题颜色调的亮一点,感觉有点突出文章文字的效果就是最好的。周哥的点击率很高的哦,有1.3到1.5%呢。哈哈。每天可以多收三五斗的。
  你学会了吗?要是学会了,弄好了,回来给周哥留言哦,常来周哥的博客转转,以后可以做友情链接嘛,互相赚钱。当然周哥还要提醒大家,博客本来是展示自己的平台,周哥不建议用博客来赚钱,所谓的SEO,周哥会,周哥看着SEO成长的。要做这行首先要心太好,当然做什么都要心态好,不然是做不出成绩的哦。如果不是商品博客,随便挂点Google广告,一来是多收三五斗,二来广告也可以体现你的工作表现嘛。一个子都赚不到的博客会是好博客吗?那不太现实,只要你放到互联网上去了,就一定会有人看到的。
  对于纯情的博客爱好者当然周哥是大加赞赏,因为没有利益的空间才能抛弃一切的写自己,记录生活,这也是博客最原始也是最精髓的作用所在。周哥的文采不好。大家少拍砖,多留下点文字就好。。。看这说的。