2011年3月4日金曜日

BloggerにFacebookの新コメントシステムを実装する

Facebookの新しいコメントシステムが面白い。
こっち(Blogger)でコメント書いても。
あっち(Facebook)でお返事をもらっても。
双方向で書き込みが表示され読むことが出来ますな。
それぞれURLなどが紐付けされていてとても興味深いです。
さっそくBloggerに導入してみました。(^^)


やり方を書きますね



  1. http://developers.facebook.com/setup/ にアクセス。


  2. サイト名はご自由に。(ボクはSUPER BLOG.JPにしました。)
    URLはhttp://www.superblog.jp/ ですね。
    んでCreate appを押す。
  3. そしたらApp IDってのが発行されますので。

    この黄色にした数字をコピーしておく。
  4. んで次は
    http://developers.facebook.com/docs/reference/plugins/comments/
    にアクセス。

    「Get Code」を押す。
  5. こんな表示が出るのでコピー
  6. その次はBloggerのほうに移動して。
    「デザイン」→「HTMLの編集」→「ウィジェットのテンプレートを展開」をチェックする。
    んでソースの中で「<b:includable id='comments' var='post'>」を検索する。
  7. んでその次の行に5.のソースをコピペして
    <div id="fb-root"></div>
    <script src="http://connect.facebook.net/en_US/all.js#appId=
    あなたのAppID&amp;xfbml=1"></script>
    <fb:comments href="example.com" num_posts="2" width="500"></fb:comments>

    これをそのままじゃBloggerでは使えないので以下のように書き換える。

    <div id='fb-root'/>
    <script src='http://connect.facebook.net/ja_JP/all.js#appId=あなたのAppID&amp;xfbml=1'/><fb:comments expr:href='data:post.url'/>
  8. あとはテンプレートを保存して終わり。
    個別記事を見ると…

    こんな感じで表示されます。
    就職先を書いてないと卒業した学校が表示されて恥ずかしいです。(笑)
    ノリ的に言えば「どこのどいつだ?」っていう感じで所属する組織を必ず表記するみたいですね。
    これはそのうち変更されるんだろうと期待。
    まあ、とにかく双方向なので楽しいです。
    しばらく使いますよ!

0 件のコメント: