こんにちは！ サテン生地通販の生地屋店長です。
- いろいろ 悪戦苦闘しましたが、Facebookのソーシャルプラグイン 全て動作させる事ができました～♪ ページの例（このページ 削除してあります）
- 全部 iFrameではなく軽くて高機能なXFBMLで記述してます。
- まず Create an Appで自ドメインのapp_idを取ります。（Facebookに開発者として 登録してないと エラーが出て取れません。取り方は後日書きます）
- HTMLの冒頭に下記コードを記述します。
<html lang=”ja” xmlns=”http://www.w3.org/1999/xhtml”
xmlns:fb=”http://www.facebook.com/2008/fbml“> - Likeボタン作成ページの Step2で必須の６つのメタタグを <head></head>の間に記述します。
- 後は 上記のLikeボタン作成ページで ほかのrecommendation等のプラグインの作成をして コードを貼り付ければいいようです。
- ずいぶん試行錯誤しましたが、どうやら完全に動作（このページ 削除してあります）しているようです。
- 言語の”en_US”は ”ja_JP”に置き換えれば 最初から日本語で表示されます。（置き換えなくても 一度押せば 日本語表示になるようですが）
どうも 相性があるようで、実際に配置すると Commentsのプラグインが下記エラーで動作しません。application id(app_id)も合ってますし xidは任意でいいはずです。どれかのJavaScriptと競合しているのかも知れません。
The comments plugin requires an application id to properly namespace the provided xid.
上記エラーコメントで ググッっても なかなか的確な情報が出てきませんね。
他のJavaScriptとの相性とかと思い １つ１つコメントアウトして試しましたが、やっぱり動作しませんでした。
間違えて commentsを２入れたら 両方動作したのです。結局
comments -> recommendation の順で配置すると 動作しません。
逆の順で配置すると 動作します。原因不明で わたしのサイトだけかも知れません。下記のページできちんと 動作してます。
http://www.kijiya.com/index.htm
http://www.kijiya.com/kiji_erabi.htm
http://www.kijiya.com/syouhin/mb8410.htm
http://www.kijiya.com/syouhin/ms7400.htm
やっぱりlogin（ログイン）のソーシャルプラグインがうまく動作してないようです。
http://www.kijiya.com/test.html
FBにログインしてないと きちんと表示され ログインもできますが、他でFBにログインしてから ここに来て再読み込みすると エラーが出ているようです。（赤い枠線） ですが 最大表示にしても エラーメッセージが読み取れません。
ピンバック: FBソーシャルプラグインの勉強会をしました～♪ | 生地屋の日記
本文にも加筆しましたが app_id（アプリケーションID）は Facebookに開発者登録をしてないと 取れない事が判明しました。取り方は 後日かきますね！