首页 > 心得笔记 > Google +1 & Google Buzz分享

Google +1 & Google Buzz分享

2011年6月9日  2,902 views 发表评论 阅读评论

一、Google +1 向 FaceBook 开炮

前几天Google发布了向社交平台发展的一个重大应用Google +1。Google +1是Google用来对付FaceBook的一大利器,虽然我没感觉有啥用……毕竟Google的社交性太低了,或者说我们使用的比较少。

总而言之,像我这种Google控,当然要用一用啦!!!!

Google +1的作用就是为了让Google用户可以向大家表明,我喜欢这个网页,我喜欢这东西,我就是支持Google干掉FaceBook~

言归正传,怎么在Word Press里面添加+1按钮呢。官方的教程在这里

需要贴到网站上的代码有这样两段:

<!-- Place this tag in your head or just before your close body tag -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone></g:plusone>

第一段是JS的加载代码,放在需要加载+1按钮的网页的<head>之后</body>之前。个人建议放在</body>之前,因为现在这个JS加载有点慢,如果放在<head></head>之间的话会影响整个网页的加载速度。如果你想在整个网站都添加+1按钮的话,就在你添加Analytics、CNZZ等流量分析代码的地方添加吧,一般的Word Press主题都会有专门放这种代码的地方,视具体主题而异。

第二段是真正显示+1按钮的代码,还可以添加size、count、href等参数。

Key Value Default Description
callback The identifier for a function in the global namespace No function Called after the user has clicked the +1 button. The callback function
may accept a JSON object which will be of the form, {"href":
"http://www.example.com/", "state": "on"}
. Where href
is the URL of the +1 and state is on for a +1 and
off for the removal of a +1.
count {true, false} true Indicates whether or not to render an aggregate count. See Button sizes for more information.
href URL to +1 URL of current page We recommend using this tag when you have a +1 button next to an item
description for another page and want the button to +1 that other page.
size {small, medium, standard, tall} standard The button size to load. See Button sizes for more information.

这里面最有用的是size和href参数。

size 参数决定了按钮的大小,现在有small、mediu、standard、tall几个大小供用户选择。具体的大小情况请到Google +1官方文档去了解。地址是:http://code.google.com/apis/+1button/。请根据你要放置按钮的位置选择合适的大小参数。

href 参数决定了+1的网页路径。如果没有href参数的话默认+1的是当前页面,如果是在文章当中的话是可以直接使用默认参数,不用手动添加href参数。但是在归档页面,列表页面、首页列表中的话就必须手动设置这个参数,不然的话所有+1按钮都是针对当前列表页面的,不是针对列表中的某一项的。

在Word Press中有可以拿到当前文章的路径:

<?php the_permalink() ?>

所以在列表中的第二段代码应该为:

<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium" href="<?php the_permalink() ?>"></g:plusone>

具体添加到Word Press网站的方法是修改主题模板,以我的主题模板inove来说就是修改archive.php、single.php以及index.php文件。不同主题修改文件可能不一样。

Google +1就介绍到这,麻烦各位看官点下本页的+1按钮,谢谢。

二、Google Buzz分享

其实在+1之前Google早就已经有了社交分享产品,那就是Googel Buzz这货了。Buzz这货是Google 在2010年2月份发布的,到现在一直半死不活,反正我是没怎么用过,国内使用的人也比较少。不过,作为一个Google控,我还是要在Blog里添加Buzz按钮!现因一些技术问题,取消了本博客的Buzz分享按钮。具体问题为分享技术始终为0。

Google Buzz特点:

  1. 自动跟随:Buzz可自动跟随用户所有联系人的活动情况。
  2. 可直接通过Gmail完成信息查找、共享过程。
  3. 可选择针对部分或全部人群开放自己信息。
  4. 相应服务将直接整合到Gmail收件箱当中。
  5. 根据用户习惯,向用户推荐更符合要求的其他网络服务和信息。

Buzz按钮和前文介绍的+1按钮没有什么本质上的区别,官方的介绍网页在这里

代码也是可以分成两部分,连内容也差不太多。

<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
<a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a>

和+1按钮也有同样的问题,默认分享的是当前页面,如果在列表中也要添加一个参数data-url。在Word Press中的话就要把第二段改成这样:

<a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count" data-url="<?php the_permalink() ?>></a>

代码嵌入的位置和上文+1按钮的一样,可以之家放在+1按钮代码的下方~
OK,时隔好几天,终于又开始写技术类的文章了,博客会慢慢回到正轨的~今天得知了一个不是很好的消息,希望我朋友的父亲能身体健康。



声明:未作说明,则本文为代码至上原创。转载务必注明出处
注意:转载须保留全文,如需修改请 联系作者
本文永久地址:http://codeup.org/archives/385


我要分享到:

新浪微博 腾讯微博 人人 Twitter Facebook 网易微博 鲜果 Follow5