具体的にはIEで表示した際に、設置ページが表示できない、
設置したGoogle Friend Connectが表示されない、
ページが読み込み中のままになるなど、
タイミングにより異なるのですが、正常に動作しない状態です。
（2009-06-05現在）

加えて、公式に配布されているGoogle Friend Connectの
WordPressプラグインがエンドレスにリロードする不具合も修正されていません。
（2009-06-05現在）

今後改善されていくものと思いますが、不具合が発生して長いので
対応が遅いと感じました。

このような理由からGoogle Friend Connectを
多くの方に勧めたいとは思えなくなりましたので
「GFCを普及させ隊」は解散することに決めました。

このブログで記事にコメントしづらい場合は
ゲストブックを利用して頂ければ嬉しく思います。
ツリー型じゃないので、レスなど使いにくいと思いますが、
そこはご容赦下さい

また、Twitterもやっておりますので
お気軽にフォローして話しかけて下さい。

短い間でしたが「GFCを普及させ隊」にご参加・ご協力
本当にありがとうございました。
「GFCを普及させ隊」のページは2009年6月20日以降に削除します。
リンクを貼って下さった方は、バナーとリンクの削除をお願いします。

Special Thanks!

• 「あっと驚く為五郎！」　為五郎様。
• 「小さなアクアマリン」　おいち様。
• 「Cat-sushi Log」　Cat-sushi様。
• 「どこかの秘密基地」　cyah様。
• 「Modernoid.com」　Modernoid様。
• 「チョコボの気の向くままに」　cyokobo2様。

関連記事：

• GFCを普及させ隊　について
• WordPressに不明なユーザーが増える
• Google Friend Connectでできること

証拠写真

蝶のアイコンは自分で、他に隠してあるのは申請のあった登録ユーザー。
画像の上の方をずらりと占める青いアバターのユーザーに注目。

ユーザー名はなし、名前もなし、
メールアドレスが@friendconnect.google.comになっている。

通常ユーザー登録するにはユーザー名とパスワードとメールアドレスが必須だし、
このようなユーザー登録をどうやったらできるのか不明だ。

でも、メールアドレスから察するにGoogle Friend Connectの仕業のようだ。

日頃ユーザー画面を見ることがなかったので
いつからこのようになっていたのか不明。
Google Friend Connectを設置した時からなのか、
どれかのガジェットを追加した時からなのか、
Google Friend Connectのプラグインを試した時からかのか、
全く見当が付かない。
（と言いつつ本当はプラグインだろうと思っている。）

ユーザー名もパスワードも入れずにログインすることはできないので
このようなダミーユーザーがいても困らないんだけど、
このままにしておくのはなんとも気持ちが悪い。

だからって消してしまっていいものなのかも不明…orz

害はなさそうだから別にいいけど………
セキュリティホールにならないかちょっと心配。

あたしの予想からすると、Google Friend Connectの
WordPress用プラグインを入れたときにこのユーザーが作成されて
プラグインが正常動作しなかったので無効にしているために
空っぽのユーザーだけ削除されずに残った…と見た。
もしそうなら、このユーザーはプラグインのアンインストール後
まだ残っていれば削除しても問題ない…のではないかな。

いや、違うかもしれないけど。ワカラナイ；

あたしに英語力があればフォーラムをくまなく読むんだけど

関連記事：

• GFCを普及させ隊　解散のお知らせ
• GFCにサインインしてコメントする – Friend Connect Commenting Plugin 【失敗】
• Google Friend Connectでできること

Friend Connect Commenting Pluginのインストール方法

まずGoogle Friend ConnectのPluginsから
「WordPress Commenting Plugin」をクリックする。
インストール方法のページが開く。
上の方にあるタブの「Downloads」をクリック。
「wordpress.zip」をダウンロードする。

ダウンロードしたwordpress.zipを解凍する。
プラグインディレクトリに「fc_plugin」というフォルダを新規作成する。
解凍したwordpress.zipの中にある「src」フォルダの中身を、
作成した「fc_plugin」フォルダにコピーする。

×やってはいけないこと
ダウンロードしたwordpress.zipをWordPressのプラグイン追加機能（ブラウザアップロード）でインストールしてはいけない。

Google Friend ConnectのサイトIDをコピーしておく。
サイトIDはURLに含まれている数字。
分かりにくいときは「For developers」に表示されるAPIコードの中に
「site: 数字」の部分があるので、それをコピー。

fc_plugin/fc_plugin.phpを開く。
４６行目辺りのsite IDを自分のサイトIDに書き換える。
保存。

FTPでプラグインディレクトリに「fc_plugin」ディレクトリをアップロード。
管理画面からWordPress Commenting Pluginを有効化。

自分のブログのコメント投稿画面を確認。
コメント記入欄の下にGFCのサインインエリアが追加されてる筈。

コメント欄の下にGFCにサインインする画面が。

以上があたしに分かる範囲のプラグインインストール方法。
そしてここからが失敗談。

つまづいたところ

まずSample Siteになっているブログで正常動作を確認できなかった。
サインインしようとすると、無限にページがリロードされてしまう。

サンプルサイトでたまたま動きがおかしいのかと思って
このブログにも導入してみたところ、以下の現象が確認できた。

• このWordPressにログインした状態でGFCにもサインイン
  ↓
  正常にサインインできてコメントも書き込める。
• このWordPressにログインせずにGFCにサインイン
  ↓
  サインイン後の画面に移行するとページが無限にリロード。
• このWordPressにログインせずにGFCにもサインインしない
  ↓
  特に問題なく表示され、コメントもいつも通り書き込める。

いずれの状態でも、コメントに表示されるアバターがGFCになることはなかった。

この確認をするためにテーマファイルにGravatarを表示させる記述をしたことはいいとして…。
余談：Gravatarを表示させるのに記入したコードは
comments.phpに

と記入しただけ。

WordPress Commenting PluginはWordPressのコメントに表示されるアバターをGFCのものにするプラグインなんだろうと思い込んでいたが、本当は違ったのか、またはもっと何か手順が必要だったのかは分からない。

この「無限リロード」という現象によって、
GFCにサインインしているとコメントが残せないという致命的な状態になるため、
とりあえず今回は挫折してWordPress Commenting Pluginを無効にした。

詳しい方、情報下さい...orz

関連記事：

• WordPressに不明なユーザーが増える
• Google Friend Connectでできること
• 繋がる。話せる。Google Friend Connect

Google Friend Connectを設置する上で
多くのレンタルブログで障害となるのがファイルのアップロードだと思う。
そこをなんとかならないもんかと、
好奇心で取得していたレンタルブログのアカウントを利用して実験してみた。

まずFC2ブログで実験。

「Google Friend Connectを設置しよう」で紹介した手順で
②の２つのファイルをダウンロードするところまでやる。

FC2ブログの管理画面からファイルのアップロード機能を使って
２つのファイルをアップロードする。
そうするとホーム直下にはアップロードされないので、
アップロードしたファイルを「表示」させて、URLをコピーする。

GFCのセットアップ画面に戻って、③のテスト画面へ進む。
ファイルがないのでエラーで戻される。
戻された画面で、ホームURLを、さっきコピーしたURLをペーストして
ファイルをアップロードした場所にする。（canvas.htmlとかファイルの部分は消す）

もう一度テスト画面へ進むとファイルが認識される。
これでメンバーズガジェットなどを設置することができるようになる。

このままではホームURLが間違ってる関係でメンバーズガジェットがエラーを吐くので
「Site settings」へ行ってホームURLを修正する。
「Save and test」をクリックして設定を保存する。
ファイルがないってエラーが出るけど無視する。

FC2ブログにフリーエリアのプラグインを追加する。
メンバーズガジェットのコードをペーストする。

かなり荒技だけど、メンバーズガジェットは貼れた。
Wall gadgetも貼れた。
コメントも記入できた。

が、フルビューすると、notfoundになる。（当然）
GFCで発行されるjavascript内のURLをhttp://から始まる
canvas.htmlをアップロードした場所に変更すると、
「This gadget is configured incorrectly. Webmaster hint: Please ensure that "Friend Connect Settings - Home URL" matches the URL of this site.」
というエラーメッセージが表示されてガジェットが表示されなくなる。

「※フルビューは使えません。サイドバー上でご利用下さい。」
とか注意書きを書いておけばサイドバーでだけは使えそう。

残念ながらソーシャルバーは使えなかった。
サイドバーに入ってしまうからだ。

FC2ブログのファイルアップロードで強引にできたこと

• メンバーズガジェットを設置する
• コメントのがジェット（Wall gadget）を設置する

これと同じ原理で他のレンタルブログでもできるんじゃないかと
他のブログでも実験してみる。

アメーバブログの場合。
ファイルのアップロード機能があるのか不明。
画像しかアップロードできないのかな？
機能を熟知していないのであたしが知らないだけかも。
挫折。

ココログの場合。
コントロールパネル→ファイル　からホーム直下にアップロード可能。
マイリストにメモを追加する。
メンバーズガジェットなどのコードをペーストする。

• メンバーズガジェット設置成功
• コメントのガジェット（Wall gadget）設置成功
• ソーシャルバー設置成功
• フルビュー可能

Seesaaブログにもファイルアップロード機能があり、
「自由形式」を追加できるため、FC2と同じような状態になると思われる。

ウェブリブログは画像と音声ファイルしかアップロードできない。
残念ながら利用不可。

maglogもhtmlはアップロード不可。

ライブドアブログもhtmlのアップロード不可。
（有料会員はFTP使えるらしい）

とりあえずこんな感じで。
レンタルブログにはなかなか厳しい結果となった。
有料会員だと使える機能とかそういう情報は分からない。
他のレンタルブログは…ご要望があれば試すけど、
基本的には上記のいずれかの状態になると思われる。

分かったこと：　htmlをアップロードできれば、とりあえずは使えそう

気付いたこと：　アカウント持ちすぎ

関連記事：

• ソーシャルバーを設置してみよう
• 繋がる。話せる。Google Friend Connect
• GFCにサインインしてコメントする – Friend Connect Commenting Plugin 【失敗】

メンバーズガジェット同様、ソーシャルバーから参加（Join）・サインインできるし、
Wall gadgetのようにコメントを読んだり書いたりできる。
２つがくっついたような感じなのがソーシャルバー。
便利なので早速設置してみよう。

Google Friend Connectの管理画面からSocial barをクリック。

①オプション設定

上（Top）に表示させるか、下（Bottom）に表示させるか選ぶ。
「Include comments gadget」はコメントを含めるかどうか。
その下はコメントの範囲の設定。
「Entrie Site」はサイト全体。
「Page」にするとページ毎。
「Id」では任意のIDを指定できる。
「Start with this text in the comments area」で入力欄に表示させるテキストを設定。
「Comments header」はヘッダー。というかラベル。
「Allow visitors to post YouTube links」のチェックを入れるとYouTubeを貼れる。
「Allow anonymous posts」は匿名の投稿を許可する。

②コードを出力する

「Generate code」をクリックしてコードを出力する。

③サイトに貼り付ける

コピーしたコードをサイト内の適当な場所に貼り付ける。
サイドバーとかで大丈夫。

ちゃんと表示されるか確認しよう。

蛇足：あし＠のパーツと重なっちゃう場合。

あし＠のクライアント設定で、クライアントの位置というところ、
約40pxくらい空けるとソーシャルバーと共存させられる。

関連記事：

• Google Friend Connectでコメントできるようにしよう
• GFC Wallガジェット　コメント投稿の仕方
• GFCを普及させ隊　について

Google Friend Connectに飛ぶと、管理画面に行ける。
画像で「病的溺愛シンドローム」になっているところが
作成したサイト名になってるはず。
「Social gadgets」をクリック。

なんかいろんがガジェットが出てくると思うけど、
「Wall gatget」をクリック。
セットアップ画面になる。

①のオプションについて。

コメントをサイト全体にするか、ページ毎にするか、ID設定するかを選べる。
サイト全体にすると、このブログのサイドバーにあるように
サイト内のどのページに飛んでも同じコメントを見られるし、発言できる。
ページ毎にすると、そのページでだけコメントが反映されるので、
ブログのコメント欄と同じような感じ。
IDっていうのは、自分で設定できる。
このブログでいうところの「GFCを普及させ隊　報告板」のようになる。
サイト全体に反映されるわけでもなく、ページにも関係ない。
うまく説明できないけど、多分やってみれば分かる（ｺﾗ

「Start with this text in the comments area:」に入力した言葉が
コメント入力欄をクリックするまでデフォルトで表示される言葉。
コメントを入力して下さい　とかにしておけばいいかも。

「Comments header:」はラベル。というかタイトル。
「GFCを普及させ隊」にするとそう表示される。

一部環境ではここで日本語を設定すると文字化けする。
でも英語じゃ分かりにくいし…悩ましいところ。

「Allow visitors to post YouTube links」は
YouTubeは貼れるようにするかどうか。
チェックを入れておくと、このブログのGFCの「Comments」のように
YouTubeを貼り付けることができる。

「Allow anonymous posts」は、匿名の投稿を許可する。
サインインしてない人にも気軽に使ってほしいな～と思ったらチェック。
迷惑コメントが来たら嫌だな…という場合はチェックを入れないでおこう。

②ガジェットのサイズと表示形式

「Width」はガジェットの幅。
「Number of posts to show」は１ページに表示する投稿の数。
「Expand and Contract」は表示形式。
「Always expanded, can't contract」は常に展開して表示し、折りたたまない。
「Start expanded, allow expand and contract」は展開して表示するが折りたためる。
「Start contract, allow expand and contract」は最初は折りたたみ表示で、クリックして展開。

③色の設定

メンバーズガジェットと同様、好みのカラーを設定できる。
backgroundが背景、textが文字色、linksがリンク色、borderが枠線の色。
背景は空にする（ffffffとか入ってるのを消す）と透過できる。

④コードを出力する

「Generate code」をクリックしてコードを出力する。

⑤サイトに貼り付ける

出力されたコードを貼りたい場所にコピー＆ペーストで貼り付ける。

何度でも作り直せるので、ものは試し、メンバーズガジェットの下にでも貼ってみよう♪

関連記事：

• ソーシャルバーを設置してみよう
• GFCを普及させ隊　について
• カテゴリーを折りたたむプラグイン→Enhanced Categories

あたしが導入したときは日本語だった気がするけど、
どうやら幻だったようで（？）現時点では英語なので
（あたしの環境だけかもしれないけど）
ここでは英語だということにして簡単に手順を図解してみる。

Googleアカウントにサインインしている状態で
上のリンクか、サイドバーに表示されているソーシャルバーの
「Google Friend Connect」のロゴをクリックすると
セットアップ画面になる。

「Set up a new site」から新しいサイトを追加する。

手順の説明がある。
なんとなく翻訳すると

1. サーバーに２つの必要なファイルを追加する
2. メンバーガジェットのコードをコピーする
3. サイトに貼り付ける。
4. 必要に応じてもっとソーシャル機能を追加する

みたいな感じ。
とりあえずここは「Continue」をクリック。

「Site name」にサイト名、「Home URL」にサイトのURLを入力。
「Continue」で次へ。

「rpc_relay.html」と「canvas.html」の２つのファイルが生成されるので
クリックしてダウンロードする。
「Upload to:」に表示される場所（さっき入力したサイトURL直下）にアップロードする。
「Continue」で次へ進む。

「Test to finalize setup」をクリックして、
ちゃんとファイルがアップロードされてるかテストする。

２つのファイルが正しい場所にアップロードされてないと
ファイルをダウンロードする②の画面に戻される。
ちゃんとアップロードされていれば完了して、
メンバーズガジェットのコードを生成する画面に移る。

「Get code for the Members gadget」をクリックして次へ進もう。

メンバーズガジェット設定編

①で設定するのはメンバーズガジェットの大きさ。
Widthが横幅で、Heightが縦の長さ。
200ピクセルがどうたら…とか書いてるけど、このブログで200ピクセル未満にして表示できてるので、幅は多少狭くてもきっと平気。
（すみません。訳せませんでした...orz）

②は色の設定。
クリックでパレットから色を選ぶこともできるし、カラーコードを入力してもOK。
項目は上から順に、

• メンバーズガジェットの上下（自分のアイコンが表示されるところと、下のロゴのあるところ）の背景色
• 同じく上下の文字色
• 同じく上下のリンクの色
• メンバーズガジェット中央（参加者のアイコンが表示される場所）の背景色
• 同じく中央の文字色
• 同じく中央の二次文字色（アイコンクリックでプロフィールが表示されている時に、コメントの日付がこの色で表示される）
• 同じく中央のリンクの色
• 同じく中央の二次リンク色
• ヘッドライン（MembersとかYour Friendsっていう文字の部分）の色
• 背景の代替色
• 枠線の色

となっていて、各背景色は空にする（#FFFFFFとか入ってるのを消す）と透過になる。
貼り付ける場所と同じ色にしたいけどカラーコードが分からない時とか便利。

③で「Generate code」をクリックすると、コードが表示されるので
コピーしてサイトに貼り付ける。

これでGFCの基礎となるメンバーズガジェットの設置は完了。
ちゃんと表示されてるか確認してみよう。

このままだと、フルビューにしたときにサイト名が「Site Name」になっているので、
ダウンロードしたcanvas.htmlの89行目辺りの「Site Name」を変更しよう。
分かる人は他の部分もいじって大丈夫。
よく分からない場合は触らないでおこうｗ

ブログの文字コードがと合わなくて、サイト名が文字化けする場合は
＜head＞のすぐ下に文字コードを指定する。
下はUTF-8の場合の例。

こんな感じでできるはず。
間違いを見つけたらご指摘下さい。

関連記事：

• GFCを普及させ隊　について
• GFCにサインインしてコメントする – Friend Connect Commenting Plugin 【失敗】
• Google Friend Connectでできること