Facebook ソーシャルプラグインをいくつか実装してみた。

Check
Clip to Evernote このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加

今回実装したのは「Facebook Comments」と「LikeBox」の二つ。
実装の流れは次の通り。

・AppIDとApp Secretの取得
https://developers.facebook.com/apps
より、新しいアプリケーションを作成して取得。
基本的にFacebookアカウントがある人なら誰でも取得可能。
アプリの表示名とグラフに利用される名前を入力して取得。
App Secretは日本語訳「アプリの秘訣」です。


facebook developers image

facebook developers



 

 

 

 

・Comments
https://developers.facebook.com/docs/reference/plugins/comments/
から。HTML5など、三種類から選べます。

facebook comments image

facebook comments



facebook comments code

facebook comments code



 

 

 

 

 

 

 

 

 

 

 

 

基本HTML5は、HTML5のヘッダーが設定されていないと動作不安定なので、

ちゃんとブログの仕様にあったものを使うの推奨です。

 

・LikeBok
まず、通常のFacebookアカウントだけでは使えないことに注意。
FacebookPageを先に作っておくこと。

結構簡単に作れます。作成はこちらから。
http://www.facebook.com/pages/create.php

facebook page image

facebook page



 

 

 

 

 

 

ジャンルに悩んだらコミュニティで良いかと。

その後は、こちらでCommentsと同じようにLikeBoxのコードを取得すれば終了。
http://developers.facebook.com/docs/reference/plugins/like-box/
 

これ全て実装しても一時間かからないぐらいですので、

皆さん興味本位でやってみてはいかがでしょうか。