Google Friend Connect を使ってみよう

Google Friend Connect (GFC)は、ひとことで言うとブログをSNS化するサービス。先日、Social Barという機能が追加され、利用者間でより気軽にコメントなどを投稿できるようになった。今回は自分なりに分かる範囲で、このGFCについてまとめてみた。

googlefriendconnect_img

この記事の目次

Google Friend Connectとは？
自分のブログにGoogle Friend Connectを設置する
Social Barを設置する
足跡機能を追加する
その他の機能

1. Google Friend Connectとは？

google_friend_connect概要
GFCの公式サイトには、サービスの概要が紹介されている。紹介ビデオもある。しかし・・・これだけの情報では具体的になにができるのか、正直よく分からない。

そこで実際に使ってみたところ、主な機能は次のようなカンジだった。

利用サイトにJoin（参加）することで、コメントが書き込める。
Joinしたブログには自分のアイコンやプロフィールがメンバーリストとして表示される。
メンバーリストを辿って他のメンバーのサイトに行くことができる。
Friend（友達）申請ができる。
公開されているガジェットを追加することができる。（ただし現時点では数が少ない。）

このへんの機能についての説明は以下の記事が良さそう。

Google Friend Connectでできること｜病的溺愛シンドローム

2. 自分のブログにGoogle Friend Connectを設置する

GFCの設置はそれほど難しくはない。
公式サイトの「Set up a new site」をクリックして、まず設置したいブログの名前とURLを入力する。
次に2つのファイルをサーバーにアップロードしなさいと言われるので、その通りに従う。
最後にMembers Gadgetというガジェットの設定画面になるので、好みの色に設定する。そうするとHTMLが自動生成されるので、自分のブログのソースコードにコピペする。
これで設置完了。こんなカンジのものができる↓

gfc_gadget

3. Social Barを設置する

Social BarはGFCの機能をコンパクトにまとめたツールバーみたいなもので、ブログの最上部または最下部に表示される。

これも公式サイトから設定→コードをコピペで設置できる。設定できるのは

設置場所：サイトの最上部か最下部を選べる
コメントの適用範囲：コメントをブログ全体に関して付けるか、記事毎に付けれるようにするかを選べる
コメントエリアの表記：デフォルトの「add your comment here」の表記を変更できる（日本語も可能）

ただしコメントエリアの表記を日本語にすると、MacのSafariのデフォルト設定では文字化けするみたい。（テキストエンコーディングでUTF-8を指定すると正しく表示される。）
Social Barがちょっと問題なのは、カラーが変更できないこと。デフォルトでなんだか水色っぽいカラーだが、やっぱり自分のブログのデザインと合わせたい。ぜひ変更できるようにして欲しい。（もし変更する方法があったら教えてください。）

ちなみに以下の記事に、Social Barをもっとツールバーちっくに見えるように、スクロールしても画面の上部（または下部）に固定する方法が紹介されている。

Google Friend ConnectのSocial barを導入 (BloggerのNavbarの位置も修正)｜Cat-sushi Log