「いいね!」ボタンの古いコードは2015年5月から動かなくなります。
そろそろ「いいね!」ボタンの書き換えは終わったでしょうか?
古いタイプの「いいね!」ボタンが2015年5月以降動かなくなる事はご存知でしょうか?
FacebookもAPIがv2.0への移行をすすめているので、古いバージョンに対しては提供が打ち切ることが決まっています。
ですので古いバージョンの「いいね!」ボタンは動かなくなります。
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>
APIバージョンv2.0の新しいコード
<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>
「js.src =〜」の「all.js」 → 「sdk.js」+ 末尾に「amp;version=v2.0″」という変更で対応可能です。
また、iframeでのコードを使用している場合は、以下のようになります。
<iframe style="border: none; overflow: hidden; width: 115px; height: 21px;" src="http://www.facebook.com/v2.0/plugins/like.php?href=http%3A%2F%2Fwww.electric-fruits.com%2F&send=false&layout=button_count&show_faces=false&width=115&action=like&colorscheme=light&locale=ja_JP&height=21&appId=703320593044178" width="300" height="150" frameborder="0" scrolling="no"></iframe>
src属性の部分にバージョン情報(v2.0)を追加すると大丈夫な様です。
後はappIdも忘れずに。