Blog

facebookのいいねボタンの挙動が変わった(version2.5)

2015.11.17Cat:facebook デザイナー
スクリーンショット 2015-11-17 14.29.38

facebookのいいねボタンをサイトに設置することはもうお決まりのようなパターンになっております。

お決まりのソースを手元に用意してありますが、たまにちゃんとfacebookdeveloperからコードを取得してくることがあります。

そこで、最新のコードをゲットして使用したら、
お客さんに「いいねボタンを押したら変な風になる」を言われました。

今までは押すと、数字が触れてキャンセルできるよう✕マークが表示される感じでしたが、
最新のものは、押すと、shareボタンみたいに、ボックスが表示されコメントを記入することが出来るようになっています。
(URLがよろしくない場合や設定されてない場合、一度「確認」という表示に代わり、確認を押すと「いいね」か「キャンセル」を選択するようになってます)

そして、大きく変わったのは取得するコードが一択になったところです。
下の画像を見ると、今までiframeとかなんやら選択出来たんですが、それがありません。

スクリーンショット 2015-11-17 14.29.38

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

スクリーンショット 2015-11-17 14.38.50

やっかいなことにバージョンは勝手に判断してもらえるものではなく、指定していないとダメらしく、
バージョン指定がないと、ver1と判断されてしまいます(たぶん。。。)

なのでまだ今のままのいいねボタンがいいという人は、取り急ぎバージョン指定をすることをお薦めします!!

弊社サイトで仕様していたコードを以下に貼ります。
hrefのところはwordpressのタグのままなので任意のものに変更してください。

以前の場合、

バージョンを記入した場合、

ちなみに、弊社のサイトでは最新のコードを貼り付けているので、ぜひ押してみてください!
(とはいえ、「確認」という表示に変わるかと思いますが・・・)

Author Profile

abe
abe
アベと申します。 ディレクター兼デザイナー兼コーダーです。 まだまだ未熟者ですが、日々頑張っています。。。
» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ