BloggerにFacebookの新コメント機能を導入しましたJapps日常の中で思ったことや体験したことをつらつらとブログに書き留めておこうと思います。不完全なコンテンツです。2011-03-07BloggerにFacebookの新コメント機能を導入しましたFacebookで発行されるたった数行のコードを貼りつけるだけで、誰もが簡単にFacebookのコメント機能を導入することができるようになりました。自分の場合、ブログはBloggerを利用しているのでFacebookのコメント機能を導入すれば、下記のようなことが実現可能となります。1.BloggerにFacebookのコメントモジュールが現れます2.Blogger側でコメントが書かれると、Facebook内でその人の友達にまで記事が伝わります3.Facebook側でコメントが追加されると、Blogger側のコメントモジュールにも反映されますFacebookのコメント機能を通じて双方向の連携が可能となる...。これは導入しない手はありません。いざ導入をしてみようという過程で思いのほか困難を極めました。理由は、Facebookから発行されるコメント機能のコードを貼り付けるだけでは、Bloggerでは動作しないのです。このコードは静的なページ用でして、記事ごとに個別のURLが発行されるブログで利用するにはそのままのコードでは利用ができないからです。Facebookのコメント機能は仕様が公開されてまだ間もないため、Web上でもBloggerで導入する方法を紹介しているサイトも少ない状況で、紹介しているサイトといえどもまだまだ不充分な内容。参考にさせていただいても、エラーが出るなどしてなかなか導入に手間取ってしまいました。先日、twitterでフォローさせていただいている@susamishinさんのこちらの記事が大変参考になり、ようやく自分のブログでもFacebookのコメントモジュールを導入することが出来ました。ありがとうございます!!まだまだ多くの方が、これからBloggerにFacebookのコメント機能を導入しようとすると思うので、こちらのブログでも導入方法をご紹介しておきますので参考にして頂ければと思います。app]を押してください。※必ずご自身のブログURLをご記入ください。しないと上手く稼動してくれません。ID:1234567890←ご自身のサイトのみのIDになります登録が完了すると、上記が表示されます。これらの登録情報は後ほど利用しますので、テキストエディタにコピーなどをして保存しておいてください。Code]を押してください。下記のようなプラグインコードが表示が出るので、テキストエディタにコピーをして保存しておいてください。width="500"></fb:comments>このままではBloggerでは使えないので、下記のように書き換える必要があります。expr:href='data:post.url'/>この処理を施すことで、記事ごとのURLに対してFacebookのコメント機能を導入することが出来ます。▼2.Bloggerのテンプレートに反映しましょうBloggerのダッシュボードにて、「デザイン」→「HTMLの編集」を選択してください。テンプレート編集画面にて、「ウィジェットのテンプレートを展開」をチェックします。var='post'>」の箇所を探してください。その次の行に1で変更を加えたコードをペーストしてください。▼3.テンプレートを保存しましょう上記の対応後、テンプレートを保存すれば完了です。この作業にて、Bloggerの各記事の下にFacebookのコメント機能が追加されます。▼4.ご自身のブログを確認してくださいご自身のページにて、各記事の下にきちんとFacebookのコメント機能が導入されているかをご確認ください。Facebookで発行されたコメント機能のスクリプトを単純に埋め込むだけというわけではありませんが、比較的簡単な作業でBloggerにFacebookのコメント機能を導入することが出来ます。面白い機能なので、ぜひ導入を検討してみてください。少年メリケンサックこの2週間で鑑賞した映画。