SSL(HTTPS)対応のはてなブックマークボタンの設置方法と注意点

HTML・CSS 最終更新日:2020/02/14 公開日:2018/02/19

はてなブックマークボタンがSSLに対応するようになってしばらく経ちますが、改めてSSLのウェブサイトにはてなブックマークボタンを取り付ける際の注意点をまとめてみたいと思います。

SSLになると何が変わるのか

ウェブサイトをSSL化すると、これまでのはてなブックマーク数(ブックマーク自体が消えるわけではない)が消えてしまいます。正確には、消えているのではなく、httpとhttpsの2つに、はてなブックマーク数が分散します。

ブックマークする際のURLも変わります。これまでのURLは

http://b.hatena.ne.jp/entry/XXXX.com

でしたが、

http://b.hatena.ne.jp/entry/s/XXXX.com

のように、URLの間に「s」がつくようになります。

SSL化したサイトにはてなブックマークボタンを設置する方法

現在のところ、2つに分散してしまったはてなブックマークを統合する方法はありませんので切り替える際は注意してください。

はてなブックマークボタンを新しくする

ページのURLを使う

http://b.hatena.ne.jp/guide/bbutton

こちらのURLから、新しくSSLに対応したはてなブックマークボタンを作り直してください。

保存するURLを、「ページのURLを使う」を選択した場合は特に問題なく、そのままウェブサイトに貼り付けてもらえればOKです。

保存するURLを指定する場合は、必ずhttpsになったURLを入力するようにしてください。すると、URLに自動的で「s」が入るようになります。

注意する必要がある場合

ではどういった際に、注意しなければならないかについてですが、オリジナルのはてなブックマークボタンを作っているいる場合や、過去に使っていたはてなブックマークボタンのコードをそのまま持ってきてしまう場合です。その場合URLの「s」を必ず入れるようにしましょう。

CONTACT

Webサイト制作のご相談やご質問、ご不明点などございましたらこちらよりお問い合わせください。
「ホームページ制作について」とお伝えください。担当者にお代わりいたします。

東京オフィス

営業時間|9:00~17:00(土・日・祝除く)

03-5456-0610
名古屋オフィス

営業時間|9:00~17:00(土・日・祝除く)

052-414-6600