うろぐ

インターネットサービス&デジタル家電&デジタルカメラ&パソコンのレビュー

Facebookの「いいね」の設置

Facebookの「いいね」の設置|iframe編のHTML5版です。

facebookにログインします。

Like Button https://developers.facebook.com/docs/reference/plugins/like/に移動します。

Like Buttonのページの入力項目の意味

URL to Like:「いいね!」を表示させたいページのURLを入力。
Send Button (XFBML Only) :友達に知らせる「送信」の有無の選択。
Layout Style:表示を大と小(横)と小(縦)の3つから選択。
Width:Likeボタンの幅を設定。
Show Faces:「いいね!」した人の画像の表示の有無。※standardのみ有効。
Font:6種類のフォントから選択(日本語の場合は変化は見られない)。
Color Scheme:色をlightとdarkから選択。
Verb to display:表示を「Like(いいね!)」か「recommend(おすすめ)」を選択。

下の画像の説明。
Send Buttonにチェック。
Layout Styleはbutton_countを選択。
Widthを150に指定。
その他はデフォルト。

1

Get Codeをクリックします。
デフォルトで、HTML5が選択されています。
ポップアップウィンドウが開き、上段と下段のテキストエリアにcodeが表示されます。
上段のcodeは<body>タグの直下に配置します。
下段のcodeは「いいね」ボタンを表示させたいところに、配置します。

2

codeを<body>タグの直下に配置しました。

3

4月 12th, 2013

Posted In: Facebook