ちゃっかりサイトにFacebookのいいね!ボタンを設置してみました!
前から設置してみたかったんです。押してもらえるかは分かりませんが・・・
というわけで今日はいいね!ボタンの設置方法を紹介します。
設置手順(1) Facebook Developersへの登録
- Facebook Developersのサイトにアクセスし、自分のFacebookアカウントとリンク(アプリの許可)させます。(予めご自身のFacebookにログインしておいてください。)
- Facebook Developersにアクセスしたら、画面上の「アプリ」を選択します。
- するといつもの「アプリの許可」の画面が出ますので「許可する」を選択。
設置手順(2) いいね!ボタンのコードを入手
- いいね!ボタンのコードを下記リンクより入手します。
http://developers.facebook.com/docs/reference/plugins/like/ - 下の画像のような入力画面が現れるのでそれぞれ記入下さい。
- URL to Like : 設置するサイトのURLを入力。
- Send Button : いいね!ボタンを押すだけでなくメッセージも同時に送れるような仕様にしたい場合にチェックを入れてください。
- Layout Style : ボタンの種類を選べます。選択時に現れるプレビューを参考下さい。
- Width : ボタンの幅を指定します。特に制限がなければ450でいいと思います。
- ShowFaces : チェックを入れるとボタンの横にあなたのアカウントのプロフィール画像を表示します。
- Font : フォントを指定できます。
- Color Scheme : 背景色を選択できます。選択時に現れるプレビューを参考下さい。
- 最後に条件を入力後「Get Code」を押せば、コードが現れます。
- コードを自分のサイトの好きなところに貼って完了!