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

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

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

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

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

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

エラーが発生しました。 あはは!みたいなこの画面が腹立つ。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

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

以上!!

-----------------------------------------------------------------
Who's Tocoton? Tocotonってナニモン? 
Tocoton はアメ村でホームページを中心にデザイン制作やってます。
https://toco-ton.com/
ロゴ・名刺・チラシ・メニュー表・看板、写真撮影もやりますよ!
インバウンド対応の制作もやってます。(英語・フランス語・ドイツ語 etc)
フットワーク軽いデザイナーお探しの方、ここにいてます。
ご相談・お見積もり・ちょっと聞いてやー!ドシドシどうぞ。
海外からのお仕事も大歓迎!
Tocoton is a freelance web designer works at America-mura @ Osaka, Namba.
If you need to make a web site, logo, namecard, flyer, menu, signboard and taking a photo, Please check my website!
-----------------------------------------------------------------

Share Button