タイトルの通り、はてなブログのSSL化でカスタムシェアボタンが動かなくなったので対策を書いていきます。
利用させて頂いたカスタムシェアボタンは下サイトのものです。
SSL化で発生した問題
下のようにはてブ数とFacebookのシェア数がずっとローディングのままになりました。
対応方法
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'); } });
以上で対応完了です。
無事にはてブ数とシェア数が取れるようになりました。