Google Map APIキーのHTTPリファラー設定で何度も挫折した話【解決済】
no image

台風ばっかり来てるけど、皆さんお元気ですか。
地震・台風・大雨で被災された方々が何とか元気におられることを祈ります。

今日は「今、サブドメインを利用して、Wordpressでサイト構築してるのにGoogle MapのAPIキーを使用するプラグインの設定のところでHTTPリファラーの設定でつまづいて、もう立ち上げれそうにない…」っていうむっちゃニッチな人向けの話です。
※10分前のTocoton(とことん)みたいな方、解決方法はある!

66c19942ab4ba346fdb64ccc04cde373
Google Cloud Platformの「APIキー制限」画面。

キーの制限をしとかなアカンのは他の先輩サイトさんにたくさん書いてるから
何となく分かると思うねんけども。
※悪意溢れる人に悪用されると、Googleさんからまさかの多額請求…なんて事になるかもやからしっかり設定やで。

このアプリケーションの制限部分の
・HTTPリファラー(ウェブサイト)
にチェックを入れて、その下の空欄にAPIキーを使用するドメイン名を入れたらええんやけどもやねー、サブドメインを使用している時の書き方が分からんくて
悩むこと1時間!(・・・もうちょいかかったかも)

44d29d2792be3bad9a9ed98c7bbb20d6
エラーが発生しました。 あはは!みたいなこの画面が腹立つ。Google APIキーの設定違い。

この画面を幾度となく見て涙。( ;∀;)

【解決方法】
サブドメインを使用しているサイトの場合
https://sabu.moto-domain.com
っていうURLになっているなら

*.moto-domain.com/*
と入力して保存や!これで解決したで。

あとは、使うプラグインに必要なAPIの制限を入れ込んだらOK!

  • Google Maps JavaScript API
  • Google Maps Geocoding API
  • Google Maps Places API

こんだけを設定するのが結構多かった気がする。
(個人的に使用したプラグインの設定ではやから、絶対じゃないで。)

以上!!

お気軽にお問い合わせください!

デザインカウンセリングや、ホームページのご相談

SNS活用方法など気になることはお問い合わせください。

関西圏以外もZOOMで対応できるので海外からでもOK!

Ryo Kakumoto@Tocoton
Tocotonのモットーは大阪商人
sdg poster ja

copyright© Tocoton®,LLC all rights reserved.