[忍者ブログ]Facebookの「いいね！」ボタンを設置してみる。その１

最近、いろいろなサイトで
Facebookの「いいね！」ボタンを見かけるが、
忍者ブログに標準ではないようなので、
勉強がてらに自分で設置してみることにした。

必要なコードはFacebookの公式サイトで
入手できるとのことなので、早速探してみた。

少し手間取ったが何とか見つけた。

■コード取得ページへの行き方

Facebookのページのフッターに
「開発」というリンクがある。

そこから、
「ウェブサイト向けに開発」
→「Core Concepts」
→「Social Plugins」
→「Like Button」
と進むと、
いいねボタンのコードが
取得できるページにたどり着く。

http://developers.facebook.com/docs/reference/plugins/like/

（英語だと「Like Button」というのか。）

まずはいくつか設定をするようだ。

■設定できる項目

①URL to Like
「いいね！」の対象となるページのURL。

②Send Button (XFBML Only)
「送る」ボタンを表示するかどうか。

③Layout Style
レイアウト。３種類から選べる。
・「standard」・・・右側に文で人数が表示される。
・「button_count」・・・右側に吹き出しで人数が表示される。
・「box_count」・・・上側に吹き出しで人数が表示される。

④Width
プラグインの横幅（ピクセル指定）。

⑤Show Faces
いいねボタンの前にプロフィール写真を
表示するかどうか。

⑥Verb to display
表示する言葉を選択できる。
「like」or「recommend」
日本語だと「いいね！」or「おすすめ」

⑦Color Scheme
色調(?)を選べる。
「light」or「dark」

⑧Font
フォントが６種類から選べる。
しかし、日本語だと意味がないらしい。

⑨Get Code
これを押すと、自動生成されたコードが表示される。

・・・・・・・・・・・・
項目を変更すると右側のサンプルに反映されるので、
いろいろいじってみるといいかも。

取得したコードはテキストエディタに
とりあえずコピっておく。

続く。

■参考サイト
「いいね！」ボタンを設置しよう ｜ Facebook Guide
http://www.facebook-japan.com/iine.htmlFacebook

Facebookの「いいね」ボタンをブログに設定する: 小粋空間
http://www.koikikukan.com/archives/2010/10/25-025555.php