GoogleChromeで位置情報を扱うにはSSL化が必要～東京23区保育園マップをhttps化しました～

東京23区保育園マップでは、スマホやPCの位置情報（GPSとかWIFI）を利用して、現在地周辺の保育園を探すことができます。

ところが、２～３ヶ月くらい前から、Google Chromeでアクセスしたとき、エラーになることが増えてきたんです。

スポンサーリンク

SSL化してないサイトではChromeで位置情報が取得できなくなった

エラーになるとこんな感じになります。

当初はたまたまとか、一時的なものかなーとか思ってたんですが、だんだん頻度が高くなってきて、ついには毎回エラーになるように。

色々試すと、PCやAndroidではエラーになるけど、iphone では発生しない。

何でだろ？と色々調べると、どうやらこういうことらしいです。

Chrome 50で現在地の表示に失敗する現象は、不具合ではなく仕様変更によるものだ。具体的には、http接続のページから現在地を取得することが禁止されたのだ。

つまり、端末の位置情報って割と扱いに気をつけるべき情報だから、ちゃんとセキュリティを確保したサイトじゃないと扱わせないよ！っということのようですね。

GoogleChromeでサイトを表示させて、F12キーを押すと、デベロッパーツールが立ち上がるので、そこで確認すると、先ほどの引用元の記事（＠IT）と同様のエラー表示がありました。

とはいえ、ちょっと素人には敷居が高いなーと思ってしばらく放置していたんですが、最近レンタルサーバー側で無料対応してくれるとのこと。

契約してたのがX-serverでホントに良かった！と思った瞬間です。

ということで、コチラの解説を参考に、サーバー側のSSL設定した後に、自サイトもSSL化しました。

保育園マップサイトがWordPressではなくhtmlサイトだったんで、先程の解説ほど色々設定する必要はありませんでしたが、以下の点に少々苦労しました。

1. GoogleMAP API読込み用のJSファイル内も、httpからhttpsに修正。
2. アフィリエイトコードも、httpからhttpsに修正。

どうやら、画像やAPIを外部サイトから読込む際は、読込む先のURLもhtppsになってないとダメなようです。

GoogleChromeでサイトを表示させて、F12キーを押すと、デベロッパーツールが立ち上がるので、そこで確認すると簡単です。

そんなこんなで、SSL化対応完了です。

無事Chromeでも現在地表示ができるようになりました！

アフィリエイト広告もnendからYDNに変更

また、今回の修正に合わせて、アフィリエイト広告の一部も、nendからYDNに変更しました。

YDNは、ヤフー版アドセンスのようなもので、表示される広告が一般的な業種のクリック広告なのが特徴です。

nendも悪くはないんですが、基本的にはスマホゲームの広告中心で、クリック単価もアドセンスに比べると見劣りします。

YDNは誰でも導入できるアフィリエイト広告ではなく、今回は代理店の方からお声掛け頂き、導入に至りました。

まだどれだけ収益的に魅力があるかは分かりませんが（クローズドなアフィリエイト広告なので導入してる人の情報も全然ありません）、とりあえずスマホで見たときの広告はだいぶお上品になっていますね。

保育園情報を最新版に更新する予定

東京23区保育園マップのキモは、23区の全ての保育園情報が掲載されていることですが、現在23区では保育園がどんどん増設されています。

それだけではなく、認証や認可外だったところが認可保育園になったり、認可保育園が廃園・休園したり、ということもあり、情報の鮮度を保つのがなかなか大変です。

とはいえ、このまま放置もしておけませんので、今年の夏は保育園情報の更新に取り組みます。

全部で2,700件ぐらいあるんですけどね、頑張ります。