---
title: "Bubbleにソーシャルメディアフィードを埋め込む方法"
description: "BubbleのWebサイトにソーシャルメディアフィードを埋め込んで表示する手順を説明します。"
---

BubbleのWebサイトにソーシャルメディアフィードを埋め込みたい場合、数クリックで設置できます。手順は次のとおりです。

> EmbedSocialのアカウントをまだお持ちでない場合は、[7日間のトライアルを開始](/admin/continue_plugin_purchase/socialfeed29/trial?continue_onboarding=ai_widget&lang=ja)してください。

はじめに、EmbedSocialのアカウントで[ソーシャルメディアフィードを作成](/docs/social-media-aggregator/instagram/)し、コードを取得してください。

手順は次のとおりです。

1.  EmbedSocialのアカウントに**ログイン**します

2.  **[Widgets](/admin/social_feed?lang=ja)** を開き、埋め込みたいウィジェットをクリックします

3.  ウィジェットエディターの左の設定パネルで '**Embed**' タブをクリックし、'**Copy code**' をクリックします

![エディターでCopy codeボタンをクリックしている画面](https://embedsocial.com/images/docs/8379901/1.jpg)

コードを取得したら、Bubbleのアカウントに移動します。

## BubbleのWebサイトにソーシャルメディアフィードのウィジェットを埋め込む

Bubbleのアカウントに[ログイン](https://bubble.io/login?mode=login)し、ウィジェットを埋め込みたいアプリケーションのBubbleエディターを開きます。

コードを埋め込む手順は次のとおりです。

:::steps
1. 左上の '**Design**' アイコンをクリックし、ウィジェットを表示したいページに '**HTML**' エレメントをドラッグ＆ドロップします。
![BubbleのエディターでDesignを選び、HTMLエレメントをドラッグ＆ドロップしている画面](https://embedsocial.com/images/docs/8379901/2.jpg)
2. 表示されたポップアップにウィジェットのコードを貼り付けます。
![BubbleのポップアップにHTMLコードを貼り付けている画面](https://embedsocial.com/images/docs/8379901/3.jpg)
:::

これで完了です。

幅と高さを調整すると、Webサイトになじむように表示できます。

## Bubbleに埋め込んだInstagramウィジェットの例

![BubbleのWebサイトに表示されたInstagramウィジェット](https://embedsocial.com/images/docs/8379901/4.jpg)

> ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏

## Bubbleにレビューを埋め込む

BubbleのWebサイトにレビューを埋め込みたい場合も、数クリックで設置できます。手順は次のとおりです。

> EmbedSocialのアカウントをまだお持ちでない場合は、[7日間のトライアルを開始](/admin/continue_plugin_purchase/socialfeed29/trial?continue_onboarding=ai_widget&lang=ja)してください。

はじめに、EmbedSocialのアカウントで[レビューウィジェットを作成](/docs/getting-started/create-widget/)し、コードを取得してください。手順は次のとおりです。

1.  EmbedSocialのアカウントに**ログイン**します

2.  **[Widgets](/admin/reviews_feed?lang=ja)** を開き、埋め込みたいウィジェットをクリックします

3.  ウィジェットエディターの左の設定パネルで '**Embed**' タブをクリックし、'**Copy code**' をクリックします

![Copy codeをクリックしている画面](https://embedsocial.com/images/docs/8026000/1.jpg)

コードを取得したら、Bubbleのアカウントに移動します。

## BubbleのWebサイトにレビューウィジェットを埋め込む

Bubbleのアカウントに[ログイン](https://bubble.io/login?mode=login)し、ウィジェットを埋め込みたいアプリケーションのBubbleエディターを開きます。

コードを埋め込む手順は次のとおりです。

:::steps
1. 左上の '**Design**' アイコンをクリックし、ウィジェットを表示したいページに '**HTML**' エレメントをドラッグ＆ドロップします。
![Designをクリックし、空のページにHTMLエレメントをドラッグ＆ドロップしている画面](https://embedsocial.com/images/docs/8026000/2.jpg)
2. 表示されたポップアップにウィジェットのコードを貼り付けます。
![HTMLを貼り付けて保存している画面](https://embedsocial.com/images/docs/8026000/3.jpg)
:::

これで完了です。

幅と高さを調整すると、Webサイトになじむように表示できます。

## Bubbleに埋め込んだGoogleレビューウィジェットの例

![ウィジェットの表示例](https://embedsocial.com/images/docs/8026000/4.jpg)

> ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏