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

謎のプリン語る。
プログラミングの役立つ情報とか、どうでもいい雑談とか書いてます。
一人書く人増えました。

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

2013年07月25日

みやびプリン 140 87

144 144

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

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

さてさて、最近流行りの大手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デザイナーさんは、
そこほんと注意しときなさい。

勉強になりました。

少女とドラゴン -幻獣契約クリプトラクト- - メイン

トラックバック(0)

トラックバックURL:

コメントする

ページトップへ戻る