Facebook【いいね】ボタンを複数設置する場合の注意(HTMLサイト)

http://xxx.xxx/ というサイトに複数の【いいね】ボタンを設置する場合、Facebook 「Like Button」ページで [URL to Like] に http://xxx.xxx/ と入力。他、設定を選択して[Get Code]ボタンをクリック。コードが生成されるので、コードを選択し利用する。

ここで、コードが生成されずに警告文が出る場合は、Developers登録がされてないので、警告文中のURLに飛び、登録を済ませる。(本人確認のため携帯のメールなどが必要になる。)

http://xxx.xxx/ を「Like Button」ページで設定しないで、コードのみ改変して適用した場合は、【いいね】ボタンを生成できるが、【いいね】をクリックした後に、「【いいね】を投稿していいですか?」という【Confirm】ボタンが生成されてしまい、ユーザーに二度手間を掛けることになる。

また、http://xxx.xxx/ に複数の「いいね」ボタンを設置しようとすると、1つの「いいね」ボタンに対して1つのページ(例 http://xxx.xxx/aaa.html/ )を設ける必要がある。この際、そのページのタイトルバーの「タイトル」にはそれぞれ違う「タイトル」を設定する必要がある。(例 http://xxx.xxx/ のタイトルが「XXX HP」であれば、http://xxx.xxx/aaa.html/ のタイトルは「AAA - XXX HP」等にする必要がある)
「タイトル」が同じままだと、「いいね」のカウントが全て http://xxx.xxx/ のカウントになると共に、「いいね」ボタンをクリックしても、Facebookのタイムライン上に http://xxx.xxx/ の情報以外は現れない。

<meta property="og:title" content="XXX-XXX" /> <meta property="og:type" content="website" /> <meta property="og:url" content="http://xxx.xxx/" /> <meta property="og:image" content="http://xxx.xxx/xxx.jpg" /> <meta property="og:site_name" content="XXX" /> <meta property="fb:admins" content="*********************" /> ヘッダーにさらに上記の内容を設定することで、【いいね】ボタンをクリックした時にFacebookのタイムライン上に表示される内容を細かく設定できる。
og:titleとか、og:imageとか、そいつは何だ?という方はググッてね。

---さらに補足---
YouTubeのページのリンクを「いいね」ボタンに反映させる時は、短縮URLでなく、通常URL(アドレスバーに表示されてるモノ)を適用しないと、挙動が上手くいかない場合があるようです。

勘違いなど、何かありましたらご指摘下さい。

by koji nishida - 2011/09/10 03:14 (Sat)

trackback(0)

trackback url: http://raku-gaki.com/mt/mt-tb.cgi/33

comment