世界一わかりやすい
Google APIキー取得ガイド
Kuchikomi WallでGoogle口コミを表示するには、Google APIキーが必要です。
このガイドでは画面キャプチャを使って、ステップごとに丁寧に解説します。
ブラウザで console.cloud.google.com にアクセスしてください。
Googleアカウントでログインが求められた場合は、使用したいアカウントでログインします。
▲ Google Cloud Consoleのトップ画面。右上にログイン中のアカウントが表示されます。
個人のGmailアカウントでOKです。WordPressサイトで使うGoogleアカウントと同じである必要はありません。
画面上部のプロジェクト名(「マイプロジェクト」など)をクリックして、プロジェクト選択画面を開きます。
右上の 「新しいプロジェクト」 ボタンをクリックしてください。
プロジェクト名は何でもOKです。例:kuchikomi-wall と入力して「作成」をクリックします。
▲ プロジェクト名は後から変更できます。わかりやすい名前をつけましょう。
左上のハンバーガーメニュー(三本線)をクリックし、「APIとサービス → ライブラリ」を選択します。
検索欄に 「Places API」 と入力して検索してください。
検索結果から 「Places API (New)」 をクリックして詳細画面を開き、「有効にする」ボタンを押します。
▲「有効にする」を押すと数秒で有効化されます。
必ず末尾に 「(New)」 とついている方を有効化してください。
有効化が完了すると、Googleが自動でAPIキーを生成して表示してくれる場合があります。
「以下に、実装に必要な API キーを示します。」と表示されたら、そのキーをコピーしてください。
▲ この画面が出たらラッキー!APIキーがすでに発行されています。コピーしてStep 5へ進んでください。
表示されなくても大丈夫です。次のStep 4で手動で発行できます。
左メニューから 「APIとサービス → 認証情報」 をクリックします。
画面上部の 「認証情報を作成」→「APIキー」 をクリックしてください。
数秒でAPIキーが生成されます。表示されたキー(AIzaSy... から始まる文字列)をコピーしてください。
▲ 「コピー」アイコンをクリックするとクリップボードにコピーされます。
APIキーは他人に見せないでください。不正利用されると思わぬ費用が発生する場合があります。
心配な方は「認証情報」画面でキーに HTTP リファラー制限(WordPressサイトのドメインのみ許可)を設定することをおすすめします。
WordPressの管理画面を開き、左メニューから 「Kuchikomi Wall → Google口コミ」 を選択します。
「Google API Key」 の入力欄にコピーしたキーを貼り付けて、「設定を保存」をクリックします。
▲ 貼り付け後に「接続テスト」ボタンを押すと、正しく設定できたか確認できます。
APIキーの下にある「Place ID」欄にも入力が必要です。次のStep 6で取得方法を説明します。
Place IDとは、Googleマップ上でお店を一意に識別するIDです。
ブラウザで developers.google.com/places/place-id を開き、検索欄にお店の名前を入力してください。
▲ 検索欄にお店の名前を入力すると候補が表示されます。
候補の中から該当するお店を選ぶと、地図上にPlace IDが表示されます。
「Place ID:」 の後に続く文字列(例:ChIJ...)をコピーしてください。
▲ 吹き出し内の「Place ID:」以降の文字列がPlace IDです。
店名が略称だったり読み方が違う場合に起こります。Googleマップで実際に表示されている正式名称で検索してみてください。
コピーしたPlace IDを、Kuchikomi Wallの設定画面の 「Place ID」 欄に貼り付けて保存します。
▲ APIキーとPlace IDの両方を入力したら「設定を保存」をクリックします。
🎉 設定完了!
これでGoogle口コミがWordPressサイトに自動表示されます。
ショートコード [tmnl_kuchikomi_wall] をページに貼り付けて確認してみましょう。