しめ鯖日記

swift, iPhoneアプリ開発, ruby on rails等のTipsや入門記事書いてます

はてなブログのSSL対応でカスタムシェアボタンが動かなくなった時の対策

タイトルの通り、はてなブログのSSL化でカスタムシェアボタンが動かなくなったので対策を書いていきます。
利用させて頂いたカスタムシェアボタンは下サイトのものです。

www.yukihy.com

SSL化で発生した問題

下のようにはてブ数とFacebookのシェア数がずっとローディングのままになりました。

f:id:llcc:20180627150028p:plain

対応方法

1つ目の修正点は下のタグです。
http://code.jquery.com/jquery-1.9.1.min.jsのhttp://となっている箇所をhttps://に変更しました。

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

2つ目の修正箇所はJavascriptの下処理です。
ここのhttp://api.b.st-hatena.com/entry.count?callback=?となっている部分をhttps://b.hatena.ne.jp/entry.count?callback=?に変更しました。

jQuery.ajax({
  url:'http://api.b.st-hatena.com/entry.count?callback=?',
  dataType:'jsonp',
  data:{
    url:url
  },
  success:function(res){
    jQuery( selcter ).text( res || 0 );
  },
  error:function(){
    jQuery( selcter ).text('0');
  }
});

以上で対応完了です。
無事にはてブ数とシェア数が取れるようになりました。

f:id:llcc:20180627150507p:plain