うろぐ

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

Facebookの「いいね」の設置の方法の備忘録です。
一番手軽に設置できる、iframeの手法です。

Facebookにログインします。
ログイン後に、「Facebook Developers」https://developers.facebook.com/にアクセスします。

Facebook Developers

https://developers.facebook.com/にアクセスにアクセスしたら、一番上のメニューのヘッダーのAppsをクリックします。
dev1

アプリのページの右上のグリーンの「Register as aDeveloper」をクリックします。
dev2

ポップアップウィンドウが開くので、一番下のチェックボックスにチェックをいれて、「続行」をクリックします。
dev3

携帯電話のメールアドレスを入力します。
dev4

携帯電話のメールアドレスにFacebookから、確認コードが送信されるので、それを入力します。
dev5

アプリの名前を入力します。
適当に名前を付けてもかまわないのですが、一般ユーザーの目に触れる場合もあると聞いているので、不自然でない名前がいいでしょう。
わたしは、最後に「_app」を入れています。
dev6

Facebookでログインするウェブサイトに、URLを入力します。
dev7

Like Button

Like Buttonhttps://developers.facebook.com/docs/reference/plugins/like/に移動します。
縦にスクロールをすると、中程にURLを入力する欄が現れますので、「いいね」を設置するページのURLを入力します。
二段目のSend Button (XFBML Only)のチェックを外します。
三段目のLayout Styleをbutton countに指定します。
後はデフォルトの設定のままでかまいません。最下段のGet Codeをクリックします。
dev9

ポップアップウィンドウが開きます。
デフォルトではHTML5が指定されているので、上のメニューからFRAMEを選択します。
テキストエリアのソースをコピーすれば作業は終了です。
dev10

4月 11th, 2013

Posted In: Facebook