Facebookボタンをサイトで表示する方法

Facebookいいね!のボタンページが新しくなったので新たにページを作成しました。

Facebook(いいね)ボタンをサイトで表示するには、Like Button Facebook開発者ページでボタン作成してコードを取得し、それをサイトに貼り付けることで表示することができます。

facebooklikebutton

コードを取得するにあたりボタン設定をしていきます。
URLだけ入力して、あとは基本設定のまま「Get Code」よりコードを取得するだけでも利用できます。

いくつか設定項目がありますけれど、下の説明部分がボタンのスタイルに重要です。

URL to Like:サイトのURLを入力します
Send Button:送信ボタンの表示設定をします。
Layout Style:3種類あり、それぞれ下の表示になります。

standard
facebooklikebutton1

button_count
facebooklikebutton2

box_count
facebooklikebutton3 

設定をしたら「Get Code」をクリックするとボタンを表示するコードが、4種類用意されているので、その中からHTML5かもしくはiframeを使用するのが簡単だと思います。

コードをコピーしたら、サイトの表示したいところにペーストするとボタンが表示されます。WordPressの場合、content.phpなど記事を表示するテンプレートのところに貼り付けます。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です