Blogger運用中必読！安全な通信が簡単にできるようになった！

はじめに

対象読者：Blogger運営者、運用予定者

何の記事？

ここ最近Bloggerの管理ページの下に、どっか変な人のブログが見えたり
なんか赤いアラートが出てたり出てなかったりしませんでしたか？

Googleが頑張ってワンクリックでブログの安全な接続ができるようになったので、やりませんか？という記事です。

せっかくなので安全な接続にしてあげましょう（タダだし）

HTTPS接続とは？

HTTPS接続にすると何が良いのか？
この接続方法は従来の接続とは違い、WEBサーバから閲覧者へ送信されるデータを暗号化してくれる
それにより、WEBサーバと閲覧者の間で情報が盗まれたりすり替わったりすることを防ぐことが出来る

詳しくはリンクへ
WikipediaーHTTPS
https://ja.wikipedia.org/wiki/HTTPS

まだhttpで消耗してるの？httpsのメリット・デメリットまとめhttps://taishon.nagoya/index.php/news/archives/9

設定方法

いたって簡単
管理者画面のここ

これを「はい」にするだけ

以上で設定終了です。

閲覧者側の見え方の違い

GoogleChrome(PC)

アドレスバーのここが緑になります

Apple Safari(PC)

アドレスの左側に鍵マークが付きます

Apple iPadmini Safari

PC版とほぼ同じです

Android XperiaZ Chrome

アドレスバーの左側に緑色の鍵が付きます

このように、表示する端末に鍵マークなどがつき、ユーザに安心感をもたせることも出来ます。（鍵マークが安全って知っていればですが…）

BloggerでHTTPS接続ができない人

現在ではカスタムドメインにしているブログはHTTPS接続は出来ないようです
今回で言うカスタムドメインとは、「blogspot.com」じゃないブログです

ブログで HTTPS リダイレクトをオンにするhttps://support.google.com/blogger/answer/6284029?p=blog_security_https&rd=1

また、サードパーティ製のガシェットなどを使用している場合は表示されなくなる可能性があります。
このブログもSyntaxHighlighterというソースコードを読みやすくするガシェットを使用しているのですが、HTTPS接続にした結果アクセスが拒否され表示できませんでした。
また、Amazonのバナーリンクなども同様かと思います。

HTTPS接続にして、アドレスバーがこのようになっていたら下記の通りエラー修正が必要です

修正の方法（最新のGoogle Chrome PC版を使用）
HTMLのソースコードのHTTPの場所をHTTPSへ変更する必要があります
まず、ブログを表示しブラウザの上部の「表示＞開発・管理＞JavaScriptコンソール」を開く

恐らくエラーが出ているので、

“Mixed Content: The page at 'https://<your-blog>.blogspot.com/' was loaded over HTTPS, but requested an insecure script 'http://<some-url>/script.js'. This request has been blocked; the content must be served over HTTPS.”
“Mixed Content: The page at 'https://<your-blog>.blogspot.com/' was loaded over HTTPS, but requested an insecure image 'http://<some-url>/image.jpg'. This content should also be served over HTTPS.”

というエラーを探してください

自分の場合は、amazon ad-systemが引っかかりました。

あとは下のGoogleのリファレンスを見てみてください。

ブログの混合コンテンツを修正するhttps://support.google.com/blogger/answer/6286127

さいごに

せっかくなので、ぜひHTTPS接続にしてみてはいかがですか？無料だし
（自分はしないけど）

開発弱者

このブログを検索