facebookいいねボタンのリンク先の注意事項

※この記事は10年以上前の記事です。
現在は状況が異なる可能性がありますのでご注意ください。

けっこう最近日記頻度高いですね。
忙殺プリンです。

さてさて、最近流行りの大手SNS、facebookの事で備忘録。

最近のWeb制作の現場では、やれいいねボタンつけてだの、
Likeボックスつけてなどの依頼が最近多いですが、
このfacebook、厄介な代物だというのは、Webクリエーターならば共通見解でしょう。

今日は、その中でも、いいねボタンについてちょっと書こうと思う。

まずは今回ぶつかったのは、いいねからのリンク先の指定。

いいねボタン設置方法は、下記URLからモジュールを生成し、
html内に記述します。

https://developers.facebook.com/docs/reference/plugins/like/

そして、いいねからのバックリンク先、こいつは、下記タグの、
"data-href"の中のURLを変えるだけだ。

<div class="fb-like" data-href="http://highmoon-miyabi.main.jp/blog/2013/05/31_000347.html" data-send="false" data-layout="button_count" data-width="108" data-show-faces="true"></div>

さて、本題に入るが、このリンク先、
"/"で終了させてはいけない。

なぜなら、"/"で終了するURLのバックリンク先は、
サイトのルートに設定されてしまうからだ！

しかも、"/"で終了するURLか、
ファイル名（例えば、ファイル名.html）で終わるURLでは、
いいねのカウントは別カウントになってしまう。

仕事でそれ知らんでやっちまったわけだ。
いいねボタンの導入依頼があったWEBデザイナーさんは、
そこほんと注意しときなさい。

勉強になりました。