古い「いいね!ボタン」2015年5月以降動かない件

ご存知の方、そして対応済みの方も多いかと思いますが、古いバージョンのFacebookのいいね!ボタンが2015年5月以降は動かなくなるようです。はい、もう適用されるまで数日しかないのです。
はっ!忘れてた!と思い出した方、まだ対策がお済みでない方、対応方法をメモしましたのでさくっと修正してしまいましょう!
とても簡単です(`・ω・´)

修正方法

POINT
  • all.jsをsdk.jsにする
  • &version=v2.0(バージョン)を追加する

以上の2点を修正してください。
ソースは以下の通りです。

【×】2015年5月以降動かなくなる記述

<div id="fb-root"></div>

<script>(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/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

【○】2015年5月以降も動くようにする記述(これに書き換えてください)

<div id="fb-root"></div>

<script>(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>

確認方法は「all.js」でページ内検索をするか、Web担当者Forumさんに記述が古くないか確認するためのブックマークレットが公開されていますので、こちらを利用すると簡単に確認できます。私も利用させていただきました(`・ω・´)

修正方法(iframe版の場合)

POINT
・/v2.0(バージョン)を追加する

【○】2015年5月以降も動くようにする記述

<iframe src
="//www.facebook.com/v2.0/plugins/like.php?href=いいね!するページのURL ~~省略~~
</iframe>

おわりに

Web担当者Forumsさんの記事を参考に書かせていただきました。
古い記述で動くのは2015年4月30日までです。さくっと修正できますのでまだ対応していないページはすぐさまに対応することをオススメします!

まいまい
この記事は
まいまいが書きました。
入社2013年
出身地横浜
スキル時計集め、車の運転、ゲーム、寝ること

今日のひとこと:美容に皮つきアーモンド(ロースト)がいいときいて、毎日20粒ずつ食べ始めました

サイト内検索
TOP