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~18:00(土・日・祝除く)

※お電話にてお問い合わせの際はオフィス一覧からお近くのオフィスにご連絡ください

※全国対応

ホームページ無料診断 毎月10社限定

ホームページ制作のプロがユーザビリティ・SEO・競合などを多角的に分析し、
具体的な改善案をご提案します。

無料診断する