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

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

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

[caption id="attachment_1965" align="alignleft" width="300" caption="facebook developers"][/caption]

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

[caption id="attachment_1966" align="alignleft" width="210" caption="facebook comments"][/caption] [caption id="attachment_1967" align="alignleft" width="300" caption="facebook comments code"][/caption]  

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

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

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

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

[caption id="attachment_1970" align="alignleft" width="300" caption="facebook page"][/caption]

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

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

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

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