Miyakawa Blog

ウェブディレクターが日々のことを綴るブログ

FaceBookプラグイン設置の備忘録

Facebookのプラグインの使い方をよく忘れてしまうのでまとめておく。 整理をすると。

1.Like Buttonを設置する場合について

「いいね!」ボタンをブログなどに設置する場合。

必要なCodeは下記より取得 WebLike Button - Facebook開発者

Like Buttonの基本仕様

  1. 「いいね!」をすると通知がFacebook側に届く
  2. ブログ側には「いいね!」の記録が残る
  3. コメントも送信できるが、Facebook側にだけコメントが残り、ブログ側には残らない様子が伺える

2.Commentsを設置する場合

Facebookユーザにコメントを残せてもらいたい場合。

必要なCodeはここより取得 WebComments - Facebook開発者

Commentsの基本仕様

  1. 「いいね!」はできない
  2. Facebookユーザとしてコメントをブログに残せる

3.codeを利用する上での注意点

Code上で動的に変更させる箇所がある。

上記の「data-href="http://miyakawa.me/"」部分はブログなどの場合は設置するページごとに動的にURLを変更させる必要がある。使用しているブログアプリにあわせて必要なコードに書き換えること。

ちなみにWordPressの場合は次のようにする。

" data-num-posts="2" data-width="470">