facebookのいいねボタンの挙動が変わった(version2.5)
facebookのいいねボタンをサイトに設置することはもうお決まりのようなパターンになっております。
お決まりのソースを手元に用意してありますが、たまにちゃんとfacebookdeveloperからコードを取得してくることがあります。
そこで、最新のコードをゲットして使用したら、
お客さんに「いいねボタンを押したら変な風になる」を言われました。
今までは押すと、数字が触れてキャンセルできるよう✕マークが表示される感じでしたが、
最新のものは、押すと、shareボタンみたいに、ボックスが表示されコメントを記入することが出来るようになっています。
(URLがよろしくない場合や設定されてない場合、一度「確認」という表示に代わり、確認を押すと「いいね」か「キャンセル」を選択するようになってます)
そして、大きく変わったのは取得するコードが一択になったところです。
下の画像を見ると、今までiframeとかなんやら選択出来たんですが、それがありません。
facebookはどんどん仕様が新しくなっていきますね!
バージョンの注意
今までのいいねボタンですと、そのうち使えなくなってしまうので注意が必要です!
facebookのバージョン管理のルールでは、
バージョンが次のバージョンが出てから2年後に期限が切れてしまうようです。
2014年4月30日にAPIバージョン2.0がリリースされ、2014年5月30日にAPIバージョン2.1がリリースされる場合、v2.1のリリースから2年後の2016年5月30日にv2.0の期限が切れます。
詳しくは下記URLで。
Facebook Platform Versioning – App Development
やっかいなことにバージョンは勝手に判断してもらえるものではなく、指定していないとダメらしく、
バージョン指定がないと、ver1と判断されてしまいます(たぶん。。。)
なのでまだ今のままのいいねボタンがいいという人は、取り急ぎバージョン指定をすることをお薦めします!!
弊社サイトで仕様していたコードを以下に貼ります。
hrefのところはwordpressのタグのままなので任意のものに変更してください。
以前の場合、
1 | <iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink(); ?>&layout=button_count&show_faces=false&action=like&colorscheme=light&height=21&width=90" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px; width:105px;" allowtransparency="true"></iframe> |
バージョンを記入した場合、
1 | <iframe src="http://www.facebook.com/v2.0/plugins/like.php?href=<?php the_permalink(); ?>&layout=button_count&show_faces=false&action=like&colorscheme=light&height=21&width=90" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px; width:105px;" allowtransparency="true"></iframe> |
ちなみに、弊社のサイトでは最新のコードを貼り付けているので、ぜひ押してみてください!
(とはいえ、「確認」という表示に変わるかと思いますが・・・)
Author Profile
スターフィールド編集部
SHARE