※この記事にはプロモーションが含まれています
Googleマップで表示される口コミをワードプレスサイトに埋め込む方法を、ご紹介します。
店舗型ビジネスの場合は特に、SEO対策と並んで重要視されるようになったMEO対策。
あわせて読みたい
【誰でもできる！】MEO対策とは？おさえるべき４つのポイント ホームページを作成したら、MEO対策をすることが重要になってきました。 MEOとは「Map Engine Optimization」の略で、つまり、Googleマップの検索で上位表示されるよう…
MEO対策と並行して、お考えになると良いですね。
目次
ワードプレス（Wordpress）サイトにGoogleの口コミを埋め込む方法
以下、６ステップで進めていきます。
- Google Cloud Platform のアカウント作成する
- Places APIを有効化する
- APIキーを作成して、キー制限をする
- Google Maps Platform/Place IDs で＜実店舗ID＞を取得する
- プラグイン「Widget for Google Reviews」でショートコードを生成する
- ショートコードを任意の場所に設置する
１．Google Cloud Platform のアカウント作成する
まずは、Google Cloud Platform のアカウントを作成ください。
上記、右上の「無料で開始」ボタンを押してすすめてください。Googleアカウントがあれば、すぐに登録できます。
こちらがGoogleクラウドのメイン画面。（※2024年4月現在）
２．Places APIを有効化する
Google Cloud Platformのダッシュボードを開きます。
「APIとサービス」＞「ライブラリ」と進めていくと下記のような画面になると思います。
「Places API」をクリックすると、APIを「有効にする」ボタンがあるので、有効にしてください。
３．APIキーを作成して、キー制限をする
「Places API」を有効にすると、APIキーを発行できるようになります。
上記画面のように「APIとサービス」＞「鍵と認証情報」と進めていくと、下記のような画面になるかと思います。
上記画面の「＋認証情報作成」をクリックすると、ウインドウが出ますので「APIキー」を選択してください。
するとAPIキーが作成されます。なお、この時点でコピーして控えておかなくても大丈夫です。続いて「APIキーを編集」のリンクをクリックします。
画面が切り替わるので、任意のわかりやすい名前「google_review」など付けていただいて、下にスクロールすると下記のような画面になります。
キーを制限にチェックし、APIを選択できますので「Places API」を選び、保存すれば完了。
「鍵を表示します」をクリックすると、APIキーが表示されます。このキーは後ほど使用しますので、ウインドウをこのままにしておくか、メモ帳などに控えておいてください。
４．Google Maps Platform/Place IDs で＜実店舗ID＞を取得する
Google Maps Platform ＞ Place IDs
上記リンクのグーグルマッププラットフォームのPlace IDsで、口コミを掲載したい店舗の地図IDを取得します。
ここでは、仮に東京の「八王子駅」とします。
上記のプレイスIDをコピーして、控えておいてください。
５．プラグイン「Widget for Google Reviews」でショートコードを生成する
下記、「Widget for Google Reviews」というプラグインをインストールして、有効化します。
次に、上記プラグインの「Settting」編集画面に、STEP3で生成したAPIキーをコピペします。
今度は、「Widgets」編集画面で、「Create Widget」ボタンを押して、新しいレビューを表示させるウィジェットを作ります。
画面右上の「CONECT GOOGLE」ボタンを押し、STEP4で生成したプレイスIDをコピペします。言語は「Japanese」を選択。そして、「Conect Google」を押せば完了です。
６．ショートコードを任意の場所に設置する
あとは、上記で生成されたショートコードを、記事に挿入すれば表示されます。
画面右側のメニューでカンタンなデザイン調整ができますので、設置するサイトに合わせて、調整してください。下記が実際に、上記のショートコードを埋め込んだ時の事例です。
JR八高線、横浜線、中央線の主要接続拠点。駅の外にある京王線へのアクセスは、標識に従ってください。門の外にはたくさんのショップ、カフェ、レストランがあります。普段はとても混んでいますので、気をつけて通勤してください。
駅も大きいですが、駅ビルセレオを中心に駅前はとても大きな都市です。約500m徒歩5～6分離れたところに、京王線八王子駅もあります。駅の中には山梨の信玄餅のお店などもあり、雰囲気も東京中心部よりも東京西部から山梨県の雰囲気も感じさせます。多摩地域最大の人口を擁する八王子市の中心駅であり多摩地域にあるターミナル駅の一つだけあって、東京から山梨方面へを結ぶ「中央線」、神奈川県横浜方面から八王子へと結ぶ「横浜線」、埼玉県川越から八王子を結ぶ「八高線」が乗入れし、「かいじ」「あずさ」「富士回遊」「はちおうじ」などの特急列車も全て停車する。大学も創価大学、中央大学、東京都立大学、工学院大学等があり学園都市としての駅の役割も果たしています。改札中にはお蕎麦屋さんやお土産コンビニも、改札を出れば駅ビルセレオ、地下には駐車場や駐輪場も完備され、国道20号から駅までは地下道で結ばれている為、雨でも濡れないでアクセスすることが出来とても便利です。
羽村の自動車工場に出張時に乗り換えで利用しました。関西人の私でも知っている有名な駅です。乗り換えに使っただけですが、買い物など便利そうで、住みやすそうです。
乗降客の多さと比較すると、中央線下りホームの狭さが気になります。改札口へ向かう階段エスカレーターも混み合います。暁町の萩生田光一宅や、裏金男が生稲晃子を連れてった子安町の統一教会施設の最寄駅です。
多方面への乗り換えに優れた駅です東京や新宿からも快速や特別快速で一本で観光地の松本や上諏訪までも特急使えば1本です、ちなみに近くには京王八王子駅があり他鉄道会社ですが新宿までは申し分ないくらいの利便性の良さでたまにゲリラ的な事に遭遇して長野総合車両センターへの廃車車両の輸送とか西武車両の輸送とか東急車両の輸送等があり、撮り鉄がいる時はかなりのレアな車両が通ると見ても良いかと
３路線（中央本線、八高線、横浜線）４方面が乗り入れ、中央本線の西（山梨）方面から来る列車の終点になることも多い運転上の要衝だけあって構内は広大です。京王電鉄の八王子駅とは少し離れています。（徒歩５分程度）
ただ、無料のサービスのため、限界はあります。今後、サービス提供が廃止になる可能性もあるので、その際はご了承ください。
まとめ
この記事では、ワードプレスサイトにGoogleマップの口コミを埋め込むための詳細な手順をご紹介しました。店舗型ビジネスにとって重要なSEO対策とMEO対策を強化するための一環として、口コミの可視化は非常に効果的です。
この方法を利用すれば、ユーザーに対して信頼性を高め、より具体的な情報提供が可能になります。ぜひご参考ください。