Facebookのソーシャルプラグイン「Send Button」をブログに設置する

Facebookのソーシャルプラグイン「Send Button」をブログに設置する

Posted at April 29,2011 2:55 AM
Tag:[Facebook, Plugin]

Facebookのソーシャルプラグインに「Send Button(Sendボタン・送信ボタン)」が追加されたので、ブログへの設定方法を簡単に紹介します。

「送信」ボタン

とりあえず、ネーミングはフォームの「送信」ボタンと紛らわしいこと間違いありません。

1.機能

「Send Button(送信ボタン)」は、友人やグループに記事やサイトを知らせるための機能です。

記事などに表示された「送信」をクリックすると、送信用のダイアログが表示されます。

送信用のダイアログが表示

「宛先」に送信先の友達やグループの名前を入力します。アルファベットを入力すれば候補の名前やグループ名が出てきます。メールアドレスを直接入力することもできます。

宛先選択

こんな感じでどんどん追加できます。あとは、メッセージを添えて送信します。

送信

送信されました。

送信完了

送信先にはURLとメッセージが送信されるようです。下は自分のメールアドレスに送ってみたものです。

送信メール

Facebookの友人宛の場合は「メッセージ」に送信されます。

Facebookのメッセージ

2.コードの取得

Send Buttonのページにアクセスして、FontとColor Schemeを設定して「Get Code」をクリック。「URL to Send」は後で修正するのでそのままで構いません。

Get Code

表示されたコードをコピー。

Get Code

3.コードの修正と貼り付け

コードにある「en_US」を「ja_JP」に修正。

<script src="http://connect.facebook.net/ja_JP/all.js#xfbml=1"></script><fb:send href="example.com" font="verdana"></fb:send>

Movable Typeの場合、「example.com」をMTPermalinkタグに置き換え、MTEntriesタグ内に設定します。

<script src="http://connect.facebook.net/ja_JP/all.js#xfbml=1"></script><fb:send href="<$mt:EntryPermalink$>" font="verdana"></fb:send>

WordPressの場合、「example.com」をthe_permalink()タグに置き換え、loop.phpやloop-single.phpの内部に設定します。

<script src="http://connect.facebook.net/ja_JP/all.js#xfbml=1"></script><fb:send href="<?php the_permalink()?>" font="verdana"></fb:send>
関連記事
zenback
人気エントリー
トラックバックURL


コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)