データサイエンティストハトリのブログ

PythonとインテリジェントクラウドとAIが好きな学生エンジニア。データ分析、スクレイピング、就職活動などについて書いていきます。

はてなブックマーク数を取得したいのにずっとぐるぐる読み込み中になってしまうのを解消した。

f:id:hatorihatorihatorik:20180928134110p:plain

シェアボタンをカスタマイズ中に問題が発生

以下のサイトを参考にしながら、シェアボタンをカスタマイズしていました。

 

www.clrmemory.com

 

ほとんどこの通りにやっていけばうまく行くのですが、はてなブックマーク数の取得するところで、こんな感じになってしまっていました。

f:id:hatorihatorihatorik:20180928133257p:plain

 

ずっとぐるぐるしていて読み込み中になっています。これでははてなブックマーク数を表示することができません。

 

原因はSSL化をしたこと

これははてなのブックマーク数を取得するAPIがHTTPのみしか対応していなかったのが原因だそうです。

上記サイトもHTTPが前提で作られています。

 

しかし、すでにHTTPSに変更してしまっている人は多いと思います。解決策を紹介します。

 

はてブ数を取得するURLを変更

jQuery.ajax({
url:'http://api.b.st-hatena.com/entry.count?callback=?',
dataType:'jsonp',
data:{ 

 という部分があるかと思います。

このurl以降の部分を変更してあげましょう!

 

https://api.b.st-hatena.com → https://b.hatena.ne.jp

 

に変更することで、はてブ数を取得することができます。