経済政策で人は死ぬか?: 公衆衛生学から見た不況対策FACTFULNESS(ファクトフルネス) 10の思い込みを乗り越え、データを基に世界を正しく見る習慣ノンデザイナーズ・デザインブック [第4版]あつまれ どうぶつの森 ザ・コンプリートガイドぼくはイエローでホワイトで、ちょっとブルーKFCⓇ 50th Anniversary やっぱりケンタッキー! (TJMOOK)

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

Pocket
LINEで送る

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

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

www.nanigoto.net

しかし、はてなブログの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秒待ってツイート数を入れてみました。

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

Pocket
LINEで送る

科学事件ファイル 小学4~6年 (おはなし推理ドリル)日本一楽しい総復習ドリル うんこ総復習ドリル 小学1年生 (うんこドリルシリーズ)こども六法超超超超超超超超超超超超超超超超超超 むずかしすぎる まちがいさがし (ワニのあそび知能本シリーズ)失敗図鑑 すごい人ほどダメだった!本好きの下剋上~司書になるためには手段を選んでいられません~第二部「神殿の巫女見習い3」