※この記事にはプロモーションが含まれています

Googleマップで表示される口コミをワードプレスサイトに埋め込む方法を、ご紹介します。
店舗型ビジネスの場合は特に、SEO対策と並んで重要視されるようになったMEO対策。

MEO対策と並行して、お考えになると良いですね。
ワードプレス(Wordpress)サイトにGoogleの口コミを埋め込む方法
以下、6ステップで進めていきます。
- Google Cloud Platform のアカウント作成する
- Places APIを有効化する
- APIキーを作成して、キー制限をする
- Google Maps Platform/Place IDs で<実店舗ID>を取得する
- プラグイン「Widget for Google Reviews」でショートコードを生成する
- ショートコードを任意の場所に設置する
1.Google Cloud Platform のアカウント作成する
まずは、Google Cloud Platform のアカウントを作成ください。

上記、右上の「無料で開始」ボタンを押してすすめてください。
Googleアカウントがあれば、すぐに登録できます。
2.Places APIを有効化する
Google Cloud Platform>APIとサービス>ライブラリ
と進めていくと下記のような画面になると思います。

一番右にある「Places API」をクリックすると、APIを「有効にする」ボタンがあるので、有効にしてください。
3.APIキーを作成して、キー制限をする
Google Cloud Platform>APIとサービス>認証情報
と進めていくと、下記のような画面になるかと思います。

上記画面の「+認証情報作成」をクリックすると、ウインドウが出ますので「APIキー」を選択してください。
するとAPIキーが作成されます。

続いて「APIキーを制限」のリンクを押してください。
画面が切り替わるので、任意のわかりやすい名前「google_review」など付けていただいて、下にスクロールすると下記のような画面になります。

キーを制限にチェックし、APIを選択できますので「Places API」を選び、保存すてば完了。

APIキーが生成されるので、こちらを上記のようにコピーして、どこかに控えておいてください。
4.Google Maps Platform/Place IDs で<実店舗ID>を取得する
Google Maps Platform > Place IDs
上記リンクのグーグルマッププラットフォームのPlace IDsで、口コミを掲載したい店舗の地図IDを取得します。

ここでは、仮に東京の「八王子駅」とします。
直接住所を入力しても出てこないことがあるので、検索する形の方が出てきやすいですね。
たとえば、「東京 八王子 駅」と入力するようにすると、候補が出るので「八王子駅」を選択します。
上記のプレイスIDをコピーして、控えておいてください。
5.プラグイン「Widget for Google Reviews」でショートコードを生成する
下記、「Widget for Google Reviews」というプラグインをインストールして、有効化します。

次に、上記プラグインの「Settting」編集画面に、③で生成したAPIキーをコピペします。

今度は、「Widgets」編集画面で、「Create Widget」ボタンを押して、新しいレビューを表示させるウィジェットを作ります。

画面右上の「CONECT GOOGLE」ボタンを押し、プレイスIDをコピペします。
言語は「Japanese」を選択。
そして、「Conect Google」を押せば完了。
6.ショートコードを任意の場所に設置する

あとは、上記で生成されたショートコードを、記事に挿入すれば表示されます。
画面右側のメニューでカンタンなデザイン調整ができますので、設置するサイトに合わせて、調整してください。
ただ、無料のサービスのため、限界はあります。
下記が、実際にショートコードを埋め込んでみた、八王子駅のGoogleレビュー。