takayuki: 2012年1月アーカイブ

最近のFacebookの広がりを考えると、ブログのコメント欄もFacebookコメントに変更した方がメリットがありそうですね。
という訳でコメント欄をFacebookコメントに変更してみました。
対応はとても簡単。以下の手順です。


●１、Facebook Commentsページにアクセス
----------------------------------------------------------------------------------------------------
http://developers.facebook.com/docs/reference/plugins/comments/


●２、コメント欄の設定
----------------------------------------------------------------------------------------------------
・URL
・記事表示数
・幅
・カラー

を設定し、コードを取得。
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:comments
href="<$mt:EntryPermalink$>" num_posts="20" width="525"></fb:comments>


ブログに設置するには、記事個別にアドレスを取得する必要があるので
href="***" 部分をそれぞれテンプレートタグに変更します。

【MovableTypeの場合】　ＭＴタグの<$mt:EntryPermalink$>を入力。
【Wordpressの場合】　WPタグの<?php the_permalink(); ?>を入力。


この修正コードをテンプレートに埋め込めばＯＫです。

最近は設置するのが当たり前になっている各種ソーシャルボタンですが、
ちょっと作業していないと「あれ？」と忘れてしまう事もあります。
そんな時はこのまとめサイトで確認です。

●「Facebookいいね！ボタン」をホームページやブログに設置

●twitter「ツイートボタン」をホームページやブログに設置

●google+1ボタンをホームページやブログに設置

●「はてなブックマーク数＆登録ボタン＆ランキング」をホームページやブログに設置

●Evernote（エバーノート）のクリップボタン（サイトメモリー）をホームページやブログに設置

※各インターフェイスは常に進化しますので変更されている場合があります。