新着お知らせ EmbedSocial MCP: connect your data to any AI tool
BlogGoogleReviewsWidgets

Lovable・Bolt・V0で作ったサイトにGoogleクチコミウィジェットを埋め込む方法

EmbedSocialを使えば、ノーコードでGoogleクチコミをウェブサイトに簡単に埋め込めます。Lovable、Bolt、V0をはじめ、あらゆるバイブコーディングプラットフォームに対応しています。

Nikola Bojkov
View as Markdown
LovableやBolt、V0にGoogleクチコミウィジェットを埋め込む
Nikola Bojkov

Nikola Bojkov

EmbedSocial Team

LovableBoltV0.devといったバイブコーディングツールを使ってウェブサイトを構築していて、SNSやクチコミのウィジェット、あるいは人気のウェブサイトビルダーに対応したものをお探しなら、まさにこの記事がお役に立ちます。

読むのが大変だという方は、下の動画で手順をご覧ください。

EmbedSocialなら、コーディングスキルも技術的な設定も追加のプラグインも一切不要で、とっておきのGoogleクチコミを埋め込むことが驚くほど簡単にできます。

AIコーディングツールでもノーコードビルダーでも、当社のコードはあらゆる環境で動作するため、すべてのユーザーやプラットフォームでウィジェットをご利用いただけます。

そして一番嬉しいポイントは、コードを手作業で挿入する必要がないことです。シンプルなプロンプトを使うだけで、最小限の手間でウィジェットをサイトに導入できます。

なぜランディングページにGoogleクチコミを追加すべきなのか?

端的に言えば、それがもたらすソーシャルプルーフ(社会的信用)のためです。

つまり、今日の顧客は広告よりも他の顧客の声を信頼しているのです。そして、そのオンラインレビューがGoogleのように信頼性の高いソースから来ているなら、なおさら大きな説得力を持ちます。

実際、ポジティブな顧客レビューはビジネスのサービスに対する印象を高め、見込み客にとって製品やサービスをより魅力的なものにします。

しかし、メリットはそれだけではありません。ランディングページにGoogleクチコミを追加することで、次のような効果が得られます。

さらにEmbedSocialなら、クチコミが自動同期され毎日更新されるため、ウェブサイトには常に最新のフィードバックが表示されます。

ステップ1:Googleビジネスプロフィールを連携する

まず、EmbedSocialアカウントにサインインします。

  1. **「ソース」に移動し、「ソースを追加」**をクリックします
  2. 「Googleレビュー」を選び、Googleビジネスプロフィールを連携します
  3. クチコミを取得したいロケーションを選択します
  4. 「保存」をクリックすれば、数秒でクチコミがインポートされます

EmbedSocialでGoogleビジネスプロフィールをソースとして連携する

複数のロケーションをお持ちの場合は、それらを連携して一つのウィジェットにまとめることもできます。手順はアカウントの設定やビジネスプロフィールの構成によって異なる場合があります。

メモ:上級者や開発者の方は、APIトークンを使えばより柔軟なカスタム連携が可能です。

ステップ2:Googleクチコミウィジェットを作成・カスタマイズする

クチコミが取り込まれたら、**「ウィジェット」に移動し、「新しいウィジェット」**をクリックします。

ここでは以下のことができます。

公開前に、ウィジェットのバージョンをプレビューしたり共有したりして、フィードバックを集めることもできます。

設定が完了したら、「埋め込み」をクリックして、カスタムコードスニペットを生成します。

EmbedSocialでGoogleクチコミウィジェットの埋め込みコードをコピーする

ステップ3:プロンプトを使ってウィジェットを追加する(コーディング不要)

ランディングページを手作業で編集する代わりに、コードをコピーして、お使いのプラットフォームのアシスタントに正しいプロンプトを貼り付けるだけです。手順は以下の通りです。

Lovableにクチコミウィジェットのコードを貼り付ける

➤ プロンプト1

プロンプト:

Add this embed code for a Google Reviews widget below the hero section on my landing page:<div class="embedsocial-hashtag" data-ref="d98873f686ca68bf9eef883c0cdfc239c04c3914"></div> <script> (function(d, s, id) { var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "/cdn/ht.js"; d.getElementsByTagName("head")[0].appendChild(js); }(document, "script", "EmbedSocialHashtagScript")); </script>

➤ プロンプト2

プロンプト:

Place this Google Reviews embed code inside the Testimonials section on the homepage: <div class="embedsocial-hashtag" data-ref="d98873f686ca68bf9eef883c0cdfc239c04c3914"></div> <script> (function(d, s, id) { var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "/cdn/ht.js"; d.getElementsByTagName("head")[0].appendChild(js); }(document, "script", "EmbedSocialHashtagScript")); </script>

➤ プロンプト3

プロンプト:

Insert this Google Reviews widget right under the primary CTA button on the homepage: <div class="embedsocial-hashtag" data-ref="d98873f686ca68bf9eef883c0cdfc239c04c3914"></div> <script> (function(d, s, id) { var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "/cdn/ht.js"; d.getElementsByTagName("head")[0].appendChild(js); }(document, "script", "EmbedSocialHashtagScript")); </script>ws" data-ref="YOUR_WIDGET_ID"></div> <script src="/embedscript/in.js"></script>

➤ プロンプト4

プロンプト:

Embed this Google Reviews widget directly below the hero section of the landing page: <div class="embedsocial-hashtag" data-ref="d98873f686ca68bf9eef883c0cdfc239c04c3914"></div> <script> (function(d, s, id) { var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "/cdn/ht.js"; d.getElementsByTagName("head")[0].appendChild(js); }(document, "script", "EmbedSocialHashtagScript")); </script>

これで完了です。プロンプトを貼り付けるだけで、あとはプラットフォームがすべてやってくれます。

最終結果:常に自動更新されるライブのソーシャルプルーフ

埋め込みが完了すると、ウィジェットは次のように動作します。

Lovableのランディングページに埋め込まれたGoogleクチコミウィジェットのライブデモをぜひご覧ください。

追加のツールも、手動での同期も不要です。 あなたの最も重要なページに、信頼を築くコンテンツが表示されるだけです。

さらにCTAボタンを追加したり、複数のソース(FacebookやYelpなど)を組み合わせたり、ページごとに製品別のクチコミを表示したりして、ウィジェットを強化することもできます。利用可能な機能は、選択した設定やプラットフォームによって異なる場合があります。

AIでGoogleクチコミウィジェットを作成する

EmbedSocialなら、基本的な埋め込みにとどまりません。OpenAI連携のおかげで、AIを活用したプロンプトでGoogleクチコミウィジェットを生成できるようになりました。

AIクチコミウィジェットジェネレーター

これによって、あなたにどんなメリットがあるのでしょうか。

ロケーションが一つでも数百でも、当社のAI搭載システムが「設定したら、あとはおまかせ」を実現します。その結果、24時間365日コンバージョンを生み出す、完全自動化されたクチコミウィジェットが手に入ります。

これこそ、手作業を一切かけずに、とっておきのクチコミを活かす最もスマートな方法です。

今すぐ始めましょう。コーディングは不要です!

とっておきの顧客の声を披露する準備はできましたか?

今すぐ始めて、10分以内にGoogleクチコミを公開しましょう。7日間の無料トライアルを、契約期間の縛りなしでお試しいただくこともできます。

つまるところ、開発者もプラグインも手間も一切不要で、美しいGoogleクチコミウィジェットがあなたのサイトに埋め込まれるのです。

顧客にセールスを任せましょう。あとは私たちにおまかせください。

Nick Poggi, TrovaTrip Ryan Hazlewood Zanna Ollove, Boston College Brooks Hitzfield, Seven Sons
400,000社以上のブランドに選ばれています

Googleクチコミを成果につながる場所に表示する

EmbedSocialのウィジェットで、Googleクチコミを集めてあらゆるウェブサイトに埋め込めます。

無料トライアルを開始

いつでもキャンセル可能。全機能をご利用いただけます。

関連記事

View all posts
ECサイトにInstagram投稿・リールを埋め込む方法と効果

ECサイトにInstagram投稿・リールを埋め込む方法と効果

ECサイトにInstagram投稿・リールを埋め込むと購買率が向上します。HTMLコード・API・ツールの3つの方法と、EmbedSocialで実現するEC特化の活用術を解説。Shopify・WordPress・BASE・カラーミーショップへの対応手順や、商品ページへのUGC配置でCVRを高める実践ノウハウも網羅。

ソーシャルリスニング実践:Threads × キーワード収集 × 人気ドラマ編|データの読み方から活用まで

ソーシャルリスニング実践:Threads × キーワード収集 × 人気ドラマ編|データの読み方から活用まで

Threadsキーワード収集で集めた人気ドラマ関連の投稿550件を事例に、ソーシャルリスニングのデータ確認・分析・UGC活用まで実践的な手順を解説します。EmbedSocialを使った一気通貫ワークフローも紹介。

MEO運用をn8nで自動化する方法|EmbedSocial × n8n 実践ガイド【2026年版】

MEO運用をn8nで自動化する方法|EmbedSocial × n8n 実践ガイド【2026年版】

MEO運用の「自動化できること・できないこと」を整理し、EmbedSocial × n8n × ClaudeによるMEO自動化の3レイヤー構造を紹介。実践例としてEmbedSocial × n8nのワークフローを解説。他社MEOツールとのAPI連携比較も掲載。

UGC二次利用許諾の取り方3選|キャンペーン・Instagram・TikTok別に解説【2026年版】

UGC二次利用許諾の取り方3選|キャンペーン・Instagram・TikTok別に解説【2026年版】

UGCを安全に二次利用するには、事前同意・事後申請の2つのアプローチがあります。ハッシュタグキャンペーンでの事前同意方式と、EmbedSocialを使ったInstagram・TikTokの許諾リクエスト自動化をステップで解説します。

多店舗のMEOをAIエージェントに任せる─ EmbedSocial for MEO 完全ガイド

多店舗のMEOをAIエージェントに任せる─ EmbedSocial for MEO 完全ガイド

EmbedSocial for MEOは、AIと自動化で多店舗・複数拠点のMEO運用を効率化するプラットフォームです。本記事では2026年の市場変化や全機能、導入事例、既存ツールとの違いを網羅。店舗数増加による運用負荷に悩むチェーン本部や代理店にとって、最適なツール選定と意思決定を支援する決定版ガイドです。

【検証】Claudeに「Instagramセクションを作って」と頼んで見えた、LLMの限界とUGCツールの必要性

【検証】Claudeに「Instagramセクションを作って」と頼んで見えた、LLMの限界とUGCツールの必要性

ChatGPTやClaude等でUGCセクションは作れるのか?マーケターが実際に検証。AI単体では架空のUGCが生成され景表法違反のリスクがあり、API連携や許諾管理などの運用基盤も構築できません。LLMで戦略・コピーを作りUGCツール(EmbedSocial)で運用する、正しい相互補完の最適解を解説します。