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

Google投稿をウェブサイトに自動で埋め込む方法とは?

Google投稿を手間なくウェブサイトに埋め込みましょう。更新内容をサイトと自動で同期できるため時間を節約でき、コンテンツを常に新鮮で最新の状態に保てます。

Nikola Bojkov
View as Markdown
Google投稿をあらゆるウェブサイトに自動で埋め込む方法のガイド
Nikola Bojkov

Nikola Bojkov

EmbedSocial Team

ソーシャルメディアアグリゲーターは、Google投稿の埋め込みも含め、企業がソーシャルメディアのプロフィールをウェブサイトと同期する方法に革命をもたらしました。コンテンツを再投稿するために費やしていた多くの時間を節約でき、ウェブサイトを常に新鮮で最新の状態に保てます。

Google Business Profileを積極的に活用して最新情報を発信しているなら、うれしいことに、これらの投稿をウェブサイトとも同期できるようになりました。

Google投稿を埋め込むためのクイックガイド

ここでは、EmbedSocialを使ってGoogleビジネス投稿をすばやくウェブサイトに埋め込む手順を、簡潔なステップ形式でご紹介します。

  1. Google Posts用ウィジェットのアカウントを作成します。
  2. Google Business Profileを接続し、Googleの最新情報を生成します。
  3. Google投稿をウェブサイト上で効果的に表示するウィジェットを作成します。
  4. Embedタブを開き、Copy codeをクリックするだけです。
  5. ウェブサイトにログインし、ウィジェットを埋め込みたいページを開きます。
  6. Google Postsの埋め込みコードを貼り付けます。
  7. 保存または公開をクリックすると、埋め込んだGoogleビジネス投稿がウェブサイト上で公開されます。

これだけです。EmbedSocialはGoogleビジネスAPIと公式に連携しているため、わずか30秒でGMB投稿をウェブサイトに埋め込めます。

Google投稿をウェブサイトに埋め込む方法について、より詳しいガイドが必要な場合は、以下をご覧ください。

Google投稿を埋め込む詳細ガイド

あらゆるウェブサイトにGoogle投稿を自動で埋め込むための完全なチュートリアルに沿って進めましょう。本ガイドは2つのパートに分かれています。1つはGoogle Postsウィジェットを作成するパート、もう1つはウィジェットコードをウェブサイトのHTMLに埋め込む手順を説明するパートです。

Google Postsウィジェットを作成してカスタマイズする

  1. EmbedSocialに登録するか、アカウントをお持ちの場合はログインします。
  2. 次にSourcesへ進み、Googleを選択します。ここで権限を付与すると、当社のシステムがすべての投稿を自動で生成します。
    Google投稿を埋め込むためにGoogleを選択する
  3. Googleアカウントを接続したら、次のページでGMB Postsを選び、Nextをクリックします。
    Googleを接続し、投稿を追加するGoogle business profileを選択する
  4. Use template」をクリックしてウィジェットテンプレートを選択します。
    Google posts用ウィジェットテンプレートを選択する
  5. ウィジェットエディターでは、ウィジェットの見た目をさらにカスタマイズできます。slider、feed、popoverのいずれかのウィジェットを選択できます。また、フォントの種類や形状、色などを変更するなど、より多くのカスタマイズも行えます。
  6. 完了したらEmbedをクリックし、Copy codeをクリックして、ウェブサイト用のJavaScriptコードを取得します。
    Google posts用ウィジェットの埋め込みコード

ご注意: EmbedSocialの高機能なエディターでは、モデレーション、キャプションのAI翻訳、Instagram、LinkedIn、TikTok、Facebook、YouTubeなど複数のソースから投稿を追加するオプションなど、ほかにもさまざまな機能をご利用いただけます。

Googleビジネス投稿ウィジェットをHTMLウェブサイトに追加する

Google Postsウィジェットを用意できたら、あとはコードをウェブサイトに追加するだけです。

これは一度だけ行えばよい作業です。Googleに新しい投稿を公開するたびに、ウィジェットが自動で更新されるからです。

ウェブサイトのHTMLにコードを追加するには、HTMLを開いて、表示したい場所のdiv内にウィジェットの埋め込みコードを貼り付けるだけです。

HTMLウェブサイトにGoogleレビューを埋め込む手順

さまざまなウェブサイトビルダーでGoogle投稿を埋め込む

以下の各ステップでは、まずEmbedSocialでレビューを生成し、Google Postsウィジェットを作成する必要があります。すべての手順を一覧でご紹介しますので、ご安心ください。とても簡単です。コードを1行貼り付けるだけで、特別な技術スキルは一切必要ありません。

WordPressの投稿にGoogle投稿を追加する方法とは?

WordPressの投稿やページにGoogleの最新情報を埋め込む方法は次のとおりです。

  1. まず、アカウントを作成してGoogle Postsウィジェットを試します。
  2. Googleのプロフィールページを接続し、最近のGoogle投稿をすべて生成します。
  3. テンプレートを選択して投稿を作成します。
  4. 左側のタブからEmbedをクリックし、「Copy Code」をクリックして埋め込み用ウィジェットコードを取得します。
  5. WordPressのダッシュボードにログインし、Google Postsウィジェットを追加したいページまたは投稿を開きます。
  6. Gutenbergエディターで+アイコンをクリックし、Custom HTMLブロックを検索します。
  7. HTMLフィールドにコードを貼り付けるだけです。
  8. PreviewまたはSaveをクリックして変更を公開します。

WordPressにHTMLを埋め込む手順

EmbedSocialを使う利点は、ほかのプラグインをインストールする必要がない点です。コードを追加するだけで、追加のメンテナンスやプラグインの更新は一切不要です。

WixのウェブサイトにGoogle投稿を埋め込む方法とは?

Wixにgoogle投稿を追加するには、次の手順に従ってください。

  1. Wixエディターを開き、ウィジェットコードを追加したい場所をクリックして、+アイコンをクリックし、新しい要素を追加します。
  2. 要素のドロップダウンメニューでEmbed Codeオプションをクリックし、「Embed HTML」をクリックします。
  3. 埋め込みエリアでEnter codeオプションをクリックし、ポップアップに、以下のように生成された埋め込みコードを貼り付けて「Update」をクリックします。

WixにGoogleレビューを追加する

WebflowのウェブサイトにGoogle投稿を表示する方法とは?

WebflowのウェブサイトにGoogleの最新情報を埋め込むには、以下の手順に従ってください。

  1. 無料トライアルに登録し、Googleアカウントを接続します。
  2. 手順に従ってすべてのGoogle投稿を生成し、ウェブサイト用のGoogle投稿ウィジェットを作成します。
  3. ウィジェットを作成したら、左上の「Embed」タブをクリックし、埋め込み用のJavaScriptコードをコピーします。
  4. Webflowアカウントにログインします。
  5. Webflowウェブサイトの編集画面に移動します。
  6. 左側のオプションから「Add element」をクリックし、「Embed」要素を選択します。
  7. 最後に、コピーしたコードを「Embed」要素の入力フィールドに貼り付けます。

WebflowにTwitterを埋め込む方法

これだけです。投稿がWebflowのページに表示され、新しい投稿を受け取るたびに自動で更新されます。

SquarespaceのウェブサイトにGoogleの最新情報を埋め込む方法とは?

Squarespaceのウェブサイトにgoogle投稿を埋め込む手順は次のとおりです。

  1. 無料トライアルに登録し、Google business profileを接続します。
  2. 次に、Googleレビューを生成し、ウェブサイト用のインタラクティブなウィジェットを作成します。
  3. ウィジェットのカスタマイズが完了したら、左側のパネルに移動してEmbedをクリックします。
  4. Copy code」をクリックします。
  5. 続いてSquarespaceアカウントにログインし、Google投稿を表示したいページを開きます。
  6. 左側のパネルで、ページにEmbed blockを挿入します。
  7. Embed blockをクリックし、ポップアップでCode Snippetを選択して、「Embed data」オプションをクリックします(以下のとおり)。
  8. フィールドにコードを貼り付けるだけで、左上のSaveをクリックします。

Squarespaceのhtmlブロックにソーシャルメディアフィードを埋め込む

Google投稿の種類

投稿の作成を始める前に、Googleビジネスプロフィールで公開できる投稿には、いくつかの種類があることを知っておくとよいでしょう。

  1. Update Posts(更新の投稿):ビジネスに関する一般的な最新情報を共有するのに最適です。新製品やサービス、プロモーション、その他のお知らせなどを発信できます。写真や動画を追加して、投稿をより魅力的にすることも可能です。
  2. Event Posts(イベントの投稿):ワークショップやクラス、コンサートなど、ビジネスが主催する特定のイベントを宣伝するために使用します。イベントの日時や場所などの詳細を、マルチメディア要素とともに記載できます。顧客はRSVP(参加表明)をしたり、イベントをカレンダーに追加したりして、これらの投稿に参加できます。
  3. Offer Posts(オファーの投稿):特別オファーや割引をこれらの投稿で共有することで、より多くの見込み客を引き付けられます。有効期限や利用規約を含むオファーの詳細を記載でき、顧客がオファーを利用するための「Redeem(利用する)」ボタンが付くことも多いです。
  4. Product Posts(商品の投稿):この投稿タイプは特定の業種向けで、特定の商品を紹介するために活用できます。価格や在庫状況、購入リンクなどの重要な詳細を含められます。複数の写真や動画を追加して商品を包括的に見せることができ、「Learn more(詳しく見る)」ボタンで顧客をウェブサイトやオンラインストアへ誘導して、さらなるアクションを促せます。

カスタム投稿タイプの主な違いは、公開前に入力が必要なフィールドの種類が少ないものもある、という点です。

Googleで投稿を作成する手順

初めて投稿を作成する方のために、簡単なガイドをご紹介します。

  1. Googleアカウントにログインし、右上のメニューをクリックします。Business Profile Managerを選択します。
    Google Business Profile Manager
  2. 次に、ショートカットからAdd Updateを選択します。
    Google Business Profileで更新を追加するためにクリックする
  3. ポップアップで投稿の種類(Update、Event、Offer)を選択します。Updateを選んだ場合は、更新の説明を入力し、CTAボタンを選択して写真をアップロードする必要があります。完了したらPostをクリックするだけです。
    Googleの更新を作成する

あなたの投稿は、ビジネス情報がすべて掲載されているセクション内の検索結果に表示されます。また、これらの更新はGoogle Maps上のビジネスリスティングにも表示されます。

ウェブサイト上でのGoogle投稿の表示例

ここでは、ウェブサイトに埋め込めるウィジェットをいくつかご紹介します。

最新のGoogleの最新情報を表示するslider

サイト訪問者に最新情報を見せましょう。

Google投稿を表示するsliderウィジェット

最新のGoogle投稿、Instagram、YouTube動画を表示するmasonryウォール

最新のGoogle投稿を含め、複数のソーシャルメディアネットワークを1つのウィジェットにまとめましょう。

masonryレイアウトのGoogle投稿ウィジェット

重要なポイント

Instagramの投稿を埋め込むのと同じように、EmbedSocialのようなツールを使えば、Google投稿を含むさまざまなソーシャルメディアフィードを、1つにまとまったソーシャルメディアウォールに統合できます。

さらに、Google投稿を公開するたびに、ウェブサイトがリアルタイムで更新されます。

この連携によって、ウェブサイトの更新にかかる時間を節約でき、さまざまなソーシャルコンテンツをサイト上に直接表示する効率的な方法が手に入ります。

お困りの際は、いつでも手厚いサポートをご提供します。画面右下のライブチャットアイコンをクリックするだけです。

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

ソーシャルプルーフを成果につなげる

レビュー、SNS、UGCを集約。EmbedSocialのウィジェットであらゆるウェブサイトに表示できます。

無料トライアルを開始

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

関連記事

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)で運用する、正しい相互補完の最適解を解説します。