ソーシャルボタン(Twitterのフォローボタン、Facebookのオススメボタン)を設置する

サイトにソーシャルボタンを設置しようと思いちょこっと調べてみました。

　設置するボタン

今回設置するのは以下の2つのボタン

• Facebookの「オススメ」ボタン
  • 「いいね」ボタンもありますが、今回は「オススメ」ボタンのほうを選択しました。
• Twitterのフォローボタン

　設置方法

　Facebookの「オススメ」ボタン

まず、自身の開発者アカウントを認証する必要があります。
※Facebookから自身の携帯電話にメールを送信して認証キーを受け取りアカウントを認証する方法があります。
認証が終わらないと以下のようなエラーが出ます。

Only verified developers can be added as listed developers of this application. Read http://www.facebook.com/help/?faq=17580 for details.

認証が終わったら以下のサイトで「オススメ」ボタンを簡単に作ることができます。
Facebook Like Button
※Get Codeでソースが表示されたら「en_US」の箇所を「ja_JP」に変更しておきましょう。

　Twitterのフォローボタン

自前でアイコンを作ろうかと悩んだものの、公式のがあったのでそのまま利用しました。
以下のサイトに行って、「ユーザ名」入れるぐらいでできます。
Twitter / ?
※他にツイートボタンも簡単に用意することができます。

　設置

設置方法で手に入れたコードを表示したい箇所にコピペすれば全ては完了です。