Goolge BuzzのBuzz Itボタンをブログに実装する

先日公開されたGoogle Buzzですが、流行るとか流行らないは別としてとりあえずサイトにBuzzを投稿するためのボタンを実装してみましょう。と思ってAPIを見てたんですが、まだその辺については公開されてないのか見あたりませんでした。そもそもBuzzするって何て言うんですかね。Buzzる？なんか変。。

今のところ便利そうなのは以下の、Google Readerのブックマークレットを使う方法でしょうか。

• Add a “Buzz It” button to your Website, Blog or Forum

超簡単に実装できます。

実装方法

アイコンをhttp://buzzusers.com/images/buzzicon.pngかhttp://buzzusers.com/images/gbuzz.pngから保存して、ボタンを追加したい位置に下記のコードを貼るだけです。（アイコンのsrcは変えてください）Google ReaderがURLとタイトルを取得するのでどのページにも下記のコードで実装できますが、この方法では一覧ページには実装できません。一覧ページにも実装したい場合は、Tech Crunchのように個別にURLからタイトルやURLを渡す必要があります。

<a href="javascript:var%20b=document.body;var%20GR________bookmarklet_domain=&quot;http://www.google.com&quot;;if(b&amp;&amp;!document.xmlVersion){void(z=document.createElement(&quot;script&quot;));void(z.src=&quot;http://www.google.com/reader/ui/link-bookmarklet.js&quot;);void(b.appendChild(z));}else{}"><img src="ここはアイコンのURL" alt="Buzz It"/> Buzz It</a>

サンプルということで、このブログにも実装してみました

…使わないでしょうけど。

クリックするとGoogle Readerのブックマークレットが画面右上に表示されるのでそこからBuzzへ投稿できます。画面の遷移がないので投稿しやすいです。

この方法で実装するところの問題といえば、Google ReaderのブックマークレットがページのタイトルとURLを取ってくるため、一覧ページには使えないところでしょうか。

おまけ

一覧ページにも実装する場合は以下のリンクで実装できます。[URL][タイトル][サマリー]のところに対応する値を渡してください。

<a href="http://www.google.com/reader/link?url=[URL]&title=[タイトル]&snippet=[サマリー]">Buzz It</a>