ワードプレスサイトにGoogleの口コミを埋め込む方法

ワードプレスサイトにGoogleの口コミを埋め込む方法

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

Googleマップで表示される口コミをワードプレスサイトに埋め込む方法を、ご紹介します。

店舗型ビジネスの場合は特に、SEO対策と並んで重要視されるようになったMEO対策。

MEO対策と並行して、お考えになると良いですね。

目次

ワードプレス(Wordpress)サイトにGoogleの口コミを埋め込む方法

以下、6ステップで進めていきます。

  1. Google Cloud Platform のアカウント作成する
  2. Places APIを有効化する
  3. APIキーを作成して、キー制限をする
  4. Google Maps Platform/Place IDs で<実店舗ID>を取得する
  5. プラグイン「Widget for Google Reviews」でショートコードを生成する
  6. ショートコードを任意の場所に設置する

1.Google Cloud Platform のアカウント作成する

まずは、Google Cloud Platform のアカウントを作成ください。

上記、右上の「無料で開始」ボタンを押してすすめてください。Googleアカウントがあれば、すぐに登録できます。

Google Cloud プラットフォーム画面

こちらがGoogleクラウドのメイン画面。(※2024年4月現在)

バージョンアップされている場合、画面が異なる場合があります。

2.Places APIを有効化する

Google Cloud Platformのダッシュボードを開きます。

Google Cloud Platformのダッシュボード

「APIとサービス」>「ライブラリ」と進めていくと下記のような画面になると思います。

Google Cloud Platformの「Place API」

「Places API」をクリックすると、APIを「有効にする」ボタンがあるので、有効にしてください。

「Places API」を有効にする

3.APIキーを作成して、キー制限をする

「Places API」を有効にすると、APIキーを発行できるようになります。

Google Cloud Platform>APIとサービス>鍵と認証情報

上記画面のように「APIとサービス」>「鍵と認証情報」と進めていくと、下記のような画面になるかと思います。

「APIとサービス」>「鍵と認証情報」

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

「+認証情報作成」を押してAPIキーを作成

するとAPIキーが作成されます。なお、この時点でコピーして控えておかなくても大丈夫です。続いて「APIキーを編集」のリンクをクリックします。

画面が切り替わるので、任意のわかりやすい名前「google_review」など付けていただいて、下にスクロールすると下記のような画面になります。

APIキーを編集

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

「鍵を表示します」をクリックすると、APIキーが表示されます。このキーは後ほど使用しますので、ウインドウをこのままにしておくか、メモ帳などに控えておいてください。

4.Google Maps Platform/Place IDs で<実店舗ID>を取得する

Google Maps Platform > Place IDs

上記リンクのグーグルマッププラットフォームのPlace IDsで、口コミを掲載したい店舗の地図IDを取得します。

Google Maps Platform/Place IDs

ここでは、仮に東京の「八王子駅」とします。

直接住所を入力しても出てこないことがあるので、検索する形の方が出てきやすいですね。たとえば、「東京 八王子 駅」と入力するようにすると、候補が出るので「八王子駅」を選択します。

上記のプレイスIDをコピーして、控えておいてください。

5.プラグイン「Widget for Google Reviews」でショートコードを生成する

下記、「Widget for Google Reviews」というプラグインをインストールして、有効化します。

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

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

画面右上の「CONECT GOOGLE」ボタンを押し、STEP4で生成したプレイスIDをコピペします。言語は「Japanese」を選択。そして、「Conect Google」を押せば完了です。

6.ショートコードを任意の場所に設置する

あとは、上記で生成されたショートコードを、記事に挿入すれば表示されます。

画面右側のメニューでカンタンなデザイン調整ができますので、設置するサイトに合わせて、調整してください。下記が実際に、上記のショートコードを埋め込んだ時の事例です。

八王子駅
3.7
Based on 995 reviews
powered by Google
希望の里希望の里
23:11 18 Nov 24
なんとか太郎なんとか太郎
17:40 16 Nov 24
Mussie ChocomoMussie Chocomo
13:50 14 Nov 24
りょやまりょやま
03:09 14 Nov 24
つよいやきそばつよいやきそば
08:26 09 Nov 24
全体的に治安が悪すぎる。
駅構内に店舗がほとんど無い。そば屋と持ち帰りゴディバ店のみ?ゴディバはこんなとこにいらないから、飲食店かコンビニにして欲しい。最近、中央線快速にグリーン車ができた。(2025年春まで無料開放)八王子からなら座れるので、ぜひ利用してみましょう。
恵美子恵美子
13:02 08 Nov 24
平岡直生平岡直生
08:49 04 Nov 24
Mao NittaMao Nitta
21:08 03 Nov 24
八王子駅〜♪(*^^)o∀*∀o(^^*)♪
k kk k
07:55 24 Oct 24
全体的に治安が悪すぎる。よくこれで住みたい街ランキングの上位を取れているものだ。金のない庶民のベッドタウンランキング1位の間違いではないか。警察も基本的に態度が悪く、学生も偏差値のせいか迷惑行為ばかりが目立つ。2度とこんなところに住みたくない。
531 naka531 naka
12:26 23 Oct 24
21時20分に通りかかったが、○○を宜しくお願い致します!と挨拶してた。これって選挙活動じゃないかな?
マイバック交通マイバック交通
11:14 23 Oct 24
黒川直黒川直
10:55 20 Oct 24
便利
超疲れるつん超疲れるつん
22:52 16 Oct 24
通勤時間帯なのに八高線の乗り換えもまともに出来ないような時間編成なのはゴミです、他のレビューも見たけど、まともな頭をしてる奴にダイヤっていうのは考えさせるべきなんじゃないの?どういう発想をしたらあんな使えない、待つだけの、頭のおかしいダイヤ編成を考えられるのかな?無能なのじゃなく、遅れてもカバー出来るようなダイヤを考えたら?八高線なんざそもそもが来ないんだからいくらでも作れるよね?駅員がどうこうの前に初歩が出来てねえんだからそりゃ評価も低くなる。日本の有名駅がこんななんだから情けないな。異常気象がどーとか聞くけど異常なのはあんなゴミダイヤ作った奴らの頭だろう?基本的な車両だよね?中央線とか埼京線八高線ってさ?優先順位が違うとか思わない?スーパーあずさとかいう朝に走らせる意味ない特急は走らせるな先ず。あずさを待つから遅れるのに、それが遅れるからその後の編成も遅れますって頭悪すぎるしそんなのちゃんちゃらおかしいよね?対策がなってないってもんなんじゃないの?それでいつも通り走ります、4分しかない乗り換えが1分になりますでどう乗れば良いのかな?利用しやすい駅にするにはそこも考えないと使えないよね?駅としても使わせる仕事としてもさ?あんなあからさまな問題点があるんだから、直さないと不満溜まるし、なんで長い間直そうとも思わなかったのかな?そこの所の対策お願いします、変わらないなら誰が何と言おうと私の評価は一生☆1です。
シベリウスシベリウス
12:37 16 Oct 24
masaki norieimasaki noriei
12:31 16 Oct 24
メモマミ―むメモマミ―む
09:22 16 Oct 24
Ya TaYa Ta
17:23 15 Oct 24
まねぎまねぎ
23:00 13 Oct 24
駅員さんの態度が酷すぎます。(メガネで細身の男性)朝早くから勤務し大変だと思いますが、ため息ついたり、質問に対して怒鳴り気味で答えたりと不快に思うのでやめた方が良いと思います。
思っていたより、大きかった。
久し振りの利用です。何年ぶりかの八王子駅。また、賑やかになっています。北西側が繫華街です。周辺は、飲食店、ホテル、超高層マンションがあります。以前は、超高層マンションは有りませんでした。今回は、特急列車かいじで東京から、移動しました、快適でした。時間は50分程度です。近くのホテルに宿泊します。
211系や209系などの色々な車両が来ます
A Google User
A Google User
09:35 08 Oct 24
211系や209系などの色々な車両が来ます
飯田恵美子飯田恵美子
08:00 01 Oct 24
田中太郎田中太郎
09:13 29 Sep 24
店がいっぱいあっていい!
中央線、八高線、横浜線が乗り入れています。東の立川とともに多摩地区を代表するターミナルであり、商業地です。駅自体は構内が広くて圧迫感はないですが、入り口が1ヵ所しかないので混雑します。東側か西側に通路と改札口ができれば、もう少し人出が分散するんじゃないでしょうか。
平井栄一平井栄一
06:26 26 Sep 24
コバヤシコバヤシ
02:37 24 Sep 24
大きな駅です♪
クルクルクルクル
06:02 16 Sep 24
駅のホームで歩きスマホやら多くて危なっかしい。電車のホームに降りる階段のところに立ち止まる人たちが時折いて邪魔で仕方ない。映画館がなくてわざわざ行く用事はない。
ツチダコウジツチダコウジ
01:42 15 Sep 24
2024/09/15 横浜線御朱印風駅スタンプラリーで来ました。昇降客がとても多くショッピングや食事に困らないですね。
なるなるなるなる
00:59 14 Sep 24
懐かしいの駅スタンプラリー課題駅の為に来ました。八高線、横浜線の起点駅ですけれど八高線は高麗川駅まで電化されたのでディーゼル車が来ていた頃が懐かしいです。2024年9月横浜線獲れ印イベの課題駅です。
sotokaそとかsotokaそとか
00:28 07 Sep 24
中央線の駅です。快特が停まるので便利です。
GREEN TARAAGREEN TARAA
21:08 06 Sep 24
日常生活に良い場所
上松みき上松みき
18:19 05 Sep 24
八高線ホーム向かいが中央線東京方面行ですので乗り換えに便利です。
出かけたい出かけたい
07:41 31 Aug 24
是空色即是空色即
20:05 28 Aug 24
駅員さんや清掃員の方は、色々な気苦労に元で我々、利用者の為に業務に従事されてるが残念な事に、一部の心無い利用者がコンビニで購入したであろうゴミを、駅構内のあちこちに残置、遺棄しているのを日々散見する。又、トイレの使用状況が劣悪であり信じられません。そもそも八王子人って、一般的なモラルやマナーに欠如しているのでしょうか?恐らく一部の残念な人の所業でしょうが、その為に八王子人全体として見られてしまうのです、本当に残念です。
Yui.IYui.I
03:24 24 Aug 24
きれい
許棋翔許棋翔
15:56 17 Aug 24
ダザン
岡山祥大岡山祥大
04:41 14 Aug 24
横浜線、八高線、中央線が利用できます!あずさとかいじは全ての電車が止まります!発車メロディーは夕焼け小焼けが使われていますが、ホームによってはあまり鳴らないこともあります!北口は主に西東京バス、南口は京王バスが中心に運行されています!京王八王子駅は北口から徒歩で行けます!
Jun KudoJun Kudo
05:40 13 Aug 24
JR中央線と横浜線の接続駅ですが、徒歩圏内には京王線の京王八王子駅もあります。この2駅でこの地域の中心的な地区となっているようだ。駅のホームは上り、下り側で少しずれた構造になっているが、連絡通路でうまくつながっている。主要な関連施設はすべて階上の改札階にあるものの、横浜線ホームには立ち食いそばもある。
emikoemiko
04:52 13 Aug 24
横浜線終点の八王子駅て特急あずさを待ってる時に入ってきた貨物列車の先頭をパチリ📸桃鉄を思い出す光景でした🍑今年の暑さは異常で八王子駅で降りて、凄い暑さにびっくりしました😖
A MA M
10:22 12 Aug 24
途中で駅に降りるくらいならいいのでしょうが住むのはオススメしません。引っ越したマンションの親子の騒音が酷いので住んでいられず、八王子からは早々に引っ越すことになった。都心より人は少ないのに夜の駅周りの治安も悪い。結局どんなに街を調べようが、「最終的な住み心地を左右するのはそのエリアの住人」という事を学び、八王子に越したことをすごく後悔する結果になりました。特に都心から引っ越しを考えてる方は、ここは東京とは違うと思ったほうがいいです。
しほしほ
09:06 08 Aug 24
八王子駅は、多摩地域の主要な駅で、ショッピングや飲食施設が充実しています。駅構内は広く、使いやすいですが、通勤ラッシュ時には混雑することがあります。周辺には商店街やアウトレットモールもあり、便利な場所です。また、多摩地域の観光拠点としても利用されています。
降りた瞬間物凄く治安が悪いのが分かる。路上喫煙のマナーが悪すぎるし、駅にもごみが散乱していた。
健
06:18 29 Jul 24
Alessandro StefanAlessandro Stefan
09:34 27 Jul 24
この駅周辺は本当に素敵な風景ですね。ここまで来たのは、この辺にあるエコタウンをチェックするためです。しかし、それでもこのエリアは本当に美しくて静かです。
c sc s
02:17 27 Jul 24
古谷光宏古谷光宏
12:38 23 Jul 24
お池お池
13:15 20 Jul 24
JR東日本の駅で中央線・横浜線・八高線に所属する横浜線は終点、八高線は起点といういわゆるジャンクションの駅島式ホーム3面6線を有する地上駅ホーム間に側線があり跨線橋が結構な長さでつながっている橋上駅舎を持つ東京都唯一の中核市であり多摩地域最大の人口を擁する八王子市の中心駅首都圏にありながらかつての国鉄の大きな駅を彷彿させる駅の北側はペデストリアンデッキが色々な方向に伸びていて小倉駅などを思わせるけど人の流れが違いさすが首都圏と思わせる
西村英樹西村英樹
12:09 18 Jul 24
篠崎健治篠崎健治
07:31 17 Jul 24
駅は乗り換えで混んでいる時もあります、特に朝夕
みかんみかん
03:55 10 Jul 24
Yuta YamamotoYuta Yamamoto
06:49 09 Jul 24
イシュハリオトイシュハリオト
20:49 01 Jul 24
横浜線は相変わらず混みすぎてうんざりする 22:00過ぎても混んでる時が結構ある 特に金曜の夜は酷い どいつもこいつも連日遅くまで飲んだくれてるのか? 夕勤の帰りにはキツイわ 出来れば乗りたくないホームドア設置工事してた時期は立ってる警備員?が目障りだった ドア閉まりますとか大声出してるけど要らねえ セルフ車掌か 町田駅のホームドア設置工事してた時期に居たのも ガン飛ばしたり 前出過ぎだとか絡んできた 他の施設に行っても思うけど やっぱり警備員なんか他では使い物にならない痛い奴がやる仕事なんだな 育ちの悪さが立ち振る舞いで分かるぞ 他人に注意して己れが偉いと勘違い
hukomikoakohukomikoako
10:24 27 Jun 24
K KK K
10:49 21 Jun 24
学生の街北口と比べ南口は静か
ジョー二ー山田ジョー二ー山田
23:07 17 Jun 24
駅員の態度悪すぎ
ASA AYAMASA AYAM
02:30 15 Jun 24
Ryugle mapRyugle map
22:12 12 Jun 24
八王子駅にはJR中央線、中央本線、横浜線、八高線が乗り入れています。特急は、中央線の特急かいじと特急あずさです。*特急かいじ、特急あずさは、東京駅、新宿駅、立川駅、八王子駅、高尾駅、甲府駅、松本駅などを経由して長野駅まで運行しています。上り八王子駅から新宿駅までの最短時間は約46分です。下り八王子駅から長野駅までの最短時間は2時間30分です。バスは西東京バス、京王バスなど多数の路線が発着しています。江戸時代、甲州街道の宿場町として栄えた八王子は、1889年に甲武鉄道(現JR中央線)が開通し、交通の要衝として発展しました。駅舎は度重なる改築を経て、現在の駅ビル「セレオ八王子」となりました。
tata jamtata jam
15:45 12 Jun 24
八王子駅に降り立ってやっと気が付いた…どこの街に行っても同じチェーン店が立ち並んでいるこの街にも同じチェーン店が並んでいる自分の住む街と同じチェーン店を見ると安心するのか???
Henry Naoto IshiyamaHenry Naoto Ishiyama
07:20 10 Jun 24
亜矢(だあや)亜矢(だあや)
13:22 08 Jun 24
中野和代中野和代
11:28 04 Jun 24
H MH M
09:58 02 Jun 24
中田智子中田智子
04:42 28 May 24
Shigezou ChibaShigezou Chiba
13:56 25 May 24
八王子駅は、中央線(快速・特急)、八高線、横浜線が乗り入れるターミナル駅です。神田駅から中央線特快に乗り(神田駅から八王子駅まで約50分)、北口側にある「八王子市夢美術館」を訪れる際に利用させていただきました。ターミナル駅で特急も停車する駅なので、駅内も駅周辺も人の量が凄く😱💦、とても賑わっていて活気を感じました❗️何か催し物をしていたのか、ユーロードという歩行者専用道路は人で溢れかえっていました😅💦
yasuhiro yamadayasuhiro yamada
13:40 25 May 24
直々です直々です
18:40 23 May 24
それなりの駅ですよ
いしてついしてつ
09:45 17 May 24
ツマダマンツマダマン
10:08 15 May 24
X10 XPERIAX10 XPERIA
06:15 12 May 24
YやまおYやまお
01:22 09 May 24
2人で『 』2人で『 』
05:52 08 May 24
駅員の態度が悪かった
通りすがりに撮影しました。広い駅の様でした。
Mai GiàuMai Giàu
03:09 07 May 24
駅も大きくて、隣にはビックカメラもありとても便利です。
福澤敏美福澤敏美
15:42 05 May 24
改札口が沢山あり❔
Garaiya GTGaraiya GT
06:05 05 May 24
どこにでもある不味い蕎麦屋とキオスクがある以外、何も無い。
JR八高線、横浜線、中央線の主要接続拠点。駅の外にある京王線へのアクセスは、標識に従ってください。門の外にはたくさんのショップ、カフェ、レストランがあります。普段はとても混んでいますので、気をつけて通勤してください。
Y ToshimaY Toshima
00:17 02 May 24
東京都、西の要所。
Ibnu AbigaelIbnu Abigael
16:20 01 May 24
駅は広い、駅の前は色々な場所があります、食やとか、カラオケとか、良い駅です
KojiKoji
02:35 01 May 24
Z2オヤジZ2オヤジ
04:05 30 Apr 24
広々としていますね!仕事で良く来ます。
ぬるまゆぬるまゆ
07:53 26 Apr 24
公徳中島公徳中島
04:38 21 Apr 24
普通の駅です。駅内の店が増えました。
立派な駅で周辺の施設も充実しています!#ウンポポ
yosuke Satoyosuke Sato
12:57 16 Apr 24
駅も大きいですが、駅ビルセレオを中心に駅前はとても大きな都市です。約500m徒歩5~6分離れたところに、京王線八王子駅もあります。駅の中には山梨の信玄餅のお店などもあり、雰囲気も東京中心部よりも東京西部から山梨県の雰囲気も感じさせます。多摩地域最大の人口を擁する八王子市の中心駅であり多摩地域にあるターミナル駅の一つだけあって、東京から山梨方面へを結ぶ「中央線」、神奈川県横浜方面から八王子へと結ぶ「横浜線」、埼玉県川越から八王子を結ぶ「八高線」が乗入れし、「かいじ」「あずさ」「富士回遊」「はちおうじ」などの特急列車も全て停車する。大学も創価大学、中央大学、東京都立大学、工学院大学等があり学園都市としての駅の役割も果たしています。改札中にはお蕎麦屋さんやお土産コンビニも、改札を出れば駅ビルセレオ、地下には駐車場や駐輪場も完備され、国道20号から駅までは地下道で結ばれている為、雨でも濡れないでアクセスすることが出来とても便利です。
yoshiyuki nakaiyoshiyuki nakai
07:24 17 Mar 24
羽村の自動車工場に出張時に乗り換えで利用しました。関西人の私でも知っている有名な駅です。乗り換えに使っただけですが、買い物など便利そうで、住みやすそうです。
大
07:38 15 Feb 24
駅の規模と比較して階段・ホームが狭く、特に中央線下り電車が到着した時は混み合います。改札口がもう一つ位追加で出来るとありがたい。北口には加計裏金の萩生田事務所、南口にはおニャン子連れてった神様の国にする宣言の壺屋が有ります。
博之小沼博之小沼
10:53 10 Jan 24
多方面への乗り換えに優れた駅です東京や新宿からも快速や特別快速で一本で観光地の松本や上諏訪までも特急使えば1本です、ちなみに近くには京王八王子駅があり他鉄道会社ですが新宿までは申し分ないくらいの利便性の良さでたまにゲリラ的な事に遭遇して長野総合車両センターへの廃車車両の輸送とか西武車両の輸送とか東急車両の輸送等があり、撮り鉄がいる時はかなりのレアな車両が通ると見ても良いかと
3路線(中央本線、八高線、横浜線)4方面が乗り入れ、中央本線の西(山梨)方面から来る列車の終点になることも多い運転上の要衝だけあって構内は広大です。京王電鉄の八王子駅とは少し離れています。(徒歩5分程度)

ただ、無料のサービスのため、限界はあります。今後、サービス提供が廃止になる可能性もあるので、その際はご了承ください。

まとめ

この記事では、ワードプレスサイトにGoogleマップの口コミを埋め込むための詳細な手順をご紹介しました。店舗型ビジネスにとって重要なSEO対策とMEO対策を強化するための一環として、口コミの可視化は非常に効果的です。

この方法を利用すれば、ユーザーに対して信頼性を高め、より具体的な情報提供が可能になります。ぜひご参考ください。

ご登録いただくと、月1~2回、更新通知を送らせていただきます。

ご登録いただくと、月1~2回、更新通知を送らせていただきます。

「良いな」と思ったらシェアしてください!損はさせません
  • URLをコピーしました!
  • URLをコピーしました!
目次