我、京大生ぞ

現役京大生の雑記。メインテーマは大学受験とプログラミングと英語と京大の日常

はてブとフェイスブックのソーシャルボタンのくるくるを解決する方法【HTTPS化による不具合】



こんにちは、京大生ブロガーのゲーテ(@goethe_kyodai)です。


あなたのブログのソーシャルボタン、こんな感じでずっとくるくるしてませんか?


f:id:a86223990:20180628184119p:plain


これってHTTPS化が原因みたいです。最近HTTPS化した人はチェックしてみてください。


HTTPS化によって、ソーシャルボタンのコードのhttpの部分がhttpのままだと正常に動かないようです。


コードのhttpの部分をhttpsにしましょう。


まずソーシャルボタンそのものを表すコードを直しましょう。はてなブログだとデザイン→カスタマイズ→記事の記事上か記事下もしくは両方にあると思います。


f:id:a86223990:20180628190250j:plain



赤線の部分が「http」のままならば「https」に直しましょう!


これだけではまだ正常に動きません。


次にはてブとフェイスブックのシェア数を取得する部分のコードを直しましょう。


みなさんのデザイン→カスタマイズ→記事の記事下にあると思われるこのコードを直します。


まずはてブからです。


f:id:a86223990:20180628190322j:plain


上の赤線のように、「https://api.b.st-hatena.com」になってませんか?


httpsになってますがこれだと動かないようです。


https://api.b.st-hatena.comhttps://b.hatena.jp


と直せば動きます!


あとはfacebookです


f:id:a86223990:20180628190344j:plain


上の赤線部分がhttpのままならば、httpsに直しましょう。


これでくるくる問題は解決するはずです。解決しなかったら別の原因なので他を当たってくださいm(_ _)m