何ゴト?

日々の何事かを書いていきます。

はてなブログで Twitterのツイート数を表示してみる【バージョン2】

以前、ツイッターボタンの変更で、ツイート数が出なくなった時に、

↓こちらのように、なんやかんやで表示していました。

しかし、はてなブログのCSSが変わってから、表示されなくなっていました。

なので、またなんやかんやで表示してみました。

(ほとんどツイートされないんですけどね。)

事前に、↓こちらのサイトでツイート数が取得できるように、サイト登録はしておきます。

widgetoon.js & count.jsoon | digitiminimi

そして、はてなの設定画面の「headに要素を追加」で以下を追加しました。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script language="JavaScript">
$(document).ready( function () {
$(".social-button-item").each( function() {
var _this = $(this);
if($(this).html().indexOf('<a href="https://twitter.com/share" class="twitter-share-button"') > -1){

if(decodeURIComponent(url).substr(-7,7) != "/entry/"){
var url = _this.children(".twitter-share-button").eq(0).attr("data-url");
$.getJSON( "http://jsoon.digitiminimi.com/twitter/count.json?callback=?&url=" + url, function( data, status ) {

    setTimeout(function(){
       var html = _this.html();
       _this.html('<div style="border: 1px solid #1B95E0;width:100%;text-align:center;border-radius: 3px 3px 0 0;">' + data.count + '</div>' + html);      
    },2000);

});
}

}
});
});
</script>

ブログのページが表示されてからツイッターボタン側でJSを使ってなんかやっているようなので、アナログ的に2秒待ってツイート数を入れてみました。

もし、この手法を使うことがあれば自己責任でお願いします。