突然ですが質問です。
皆さんのWebサイト上にあるFacebookの「いいね！」ボタンは、いつ設置されたものですか？

もしかしたら今年の5月1日以降、利用できなくなってしまう場合がありますので注意が必要です。

今回はタービンでマークアップを担当しているわたし白井が、Web担当者に今ぜひ知っていただきたいFacebookのバージョンアップについてお伝えしたいと思います。

昨年2014年4月30日に新しい「バージョン2.0」のAPIを導入したFacebookは、それまで使われていた旧バージョン1のAPIが、1年後の今年2015年4月30日で有効期限が切れることを発表しました。

ということはつまり、2014年4月30日以前に「いいね！」ボタンを設置した場合には、今年5月1日以降自社サイト上のいいね！ボタンはFacebookと連動しなくなってしまうのです。

Web担当者は、一度ぜひその旨Webサイト制作会社にご確認ください。

また、技術者でなくても使われているソースコードが新しいものか、そうでないのかを見分けることが出来ますのでまずは一度下記の方法で確かめてみるのもおすすめです。

「旧コードかどうか」を判別するには？

下記のように「いいね！」ボタンを表示するコードの中に「all.js」が含まれている場合は旧コードです。このままの場合2015年の5月以降は動作しなくなってしまいます。

旧コード

<div id="fb-root"></div>
<script type="text/javascript">// <![CDATA[
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id
  js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
// ]]></script>

それでは新しいコードは、どのようなものでしょう？

↓

次のように「sdk.js」になっていて、さらに「version=v2.0」が追加されています。

新しいコード

<div id="fb-root"></div>
<script type="text/javascript">// <![CDATA[
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
// ]]></script>

旧コードを使っている場合の対処法について

Web制作会社の方にFacebookのソーシャルプラグインの「いいね！ボタン（ウェブ）」ページを参考に、新しいコードに書き換えてもらってください。

ソーシャルプラグイン「いいね！ボタン（ウェブ）」
https://developers.facebook.com/docs/plugins/like-button

またもし、特定のブログサービスなどを利用していて編集ができない場合は、早急にそのサービスの運営者に修正を依頼してください。