wanichanの日記

ちょっとした技術メモ。Microsoft中心。Webサイト管理等にまつわるネタ、サイトの更新情報等を発信中。最終版はwanichan.comに掲載していきます。

昨日からFacebookのシェア(いいね)ボタンが変わった

どうやらFacebookのSNSボタンの仕様が変更されたようです。

今現在、このはてなブログのSNSボタンはこんな感じになってますよね。

f:id:wanichan:20160629084851p:plain

おかしいな、と思って本家を確認してみたところ、バージョンが2.8になってました。

それに、コードも変更になったようです。

すでに設置している場合は、バージョンを2.8に変更して、コードを以下のように修正する必要があります。

<div class="fb-like" data-href="<記事のURL>" data-layout="box_count" data-action="like" data-size="small" data-show-faces="false" data-share="true"></div>

一応うちの運営サイトは一通り対応しました。漏れてるかもしれないですけど。

記事のURLはJavaScriptで処理してます。

function facebook_like(){
var url = location.href;
document.write('<div class="fb-like" data-href="' + url + '" data-send="false" data-action="like" data-layout="box_count" data-show-faces="false" data-share="true"></div>');
}

で、設置したい場所に <script>facebook_like();</script> にしてます。

今一度、ご自身のサイトやブログをチェックしてみてくださいです。