Facebook

自分のサイトにFacebookコメント機能を埋め込む方法

posted by shimizu on 06.03.2011

Facebookコメントプラグインがリリースされてしばらく経ちますが、TechCrunchで試験的に導入されていたり、各所でよく見かけるようになったのでこのサイトにも導入してみました。 方法は簡単で下記コードをコピペして使いたいページのURLを設定するだけ。

 <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> <fb:comments href="使いたいページのURL"></fb:comments> 

このサイトはWordPressを使っているので、URLにパーマリンクのコードをいれたものを追加しました。

 <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> <fb:comments href="<?php the_permalink(); ?>"></fb:comments> 

オフィシャルのプラグイン生成ページでもコードを取得できます。 Facebook Comments IntenseDebateやDisqusだと設定するのが面倒なのですが、これだと5分もあれば追加できるのでおすすめです。是非どうぞ。 モデレーションや通知受信の設定は下記をヘッダーに追記

 <meta property=”fb:app_id” content=”{アプリケーションID}”> <meta property=”fb:admins” content=”{ユーザーID}”> 

アプリケーション登録などはこちらで紹介されています http://sub.kyamamu.com/sns/1302.html 

Editor

shimizu
サイバーエージェント広告事業部デザイナー、ディレクターを経て独立。 NINE SENSE Inc. の代表取締役兼クリエイティブディレクター。 趣味は海外ドラマ鑑賞と写真。 好きな食べ物はスープカレー。
Latest Entries
TrackBack URL