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

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

> 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/8443158/1.jpg)

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

## Instapageのページにソーシャルメディアフィードを埋め込む

Instapageのアカウントに[ログイン](https://app.instapage.com/auth/login)し、ウィジェットを埋め込みたいランディングページを選択します。

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

:::steps
1. 左下のメニューで '**code/HTML**' のアイコンをクリックすると、ウィジェットを埋め込みたいページに要素が追加されます。
![左下のメニューでcode/HTMLのアイコンをクリックし、InstapageのページにHTML要素を追加している画面](https://embedsocial.com/images/docs/8443158/2.jpg)
2. HTMLコードの入力を求めるダイアログが表示されるので、コードを貼り付けます。
![ダイアログにコードを貼り付けている画面](https://embedsocial.com/images/docs/8443158/3.jpg)
:::

これで完了です。

幅と高さを調整するとWebサイトになじむように表示でき、プレビューで埋め込んだウィジェットの動作を確認できます。

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

![Instapageに埋め込まれたInstagramウィジェット](https://embedsocial.com/images/docs/8443158/4.jpg)

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

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

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

> 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**' をクリックします

![ウィジェットエディターのEmbedタブでCopy codeをクリックしている画面](https://embedsocial.com/images/docs/8033049/1.jpg)

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

## Instapageのページにレビューウィジェットを埋め込む

Instapageのアカウントに[ログイン](https://app.instapage.com/auth/login)し、ウィジェットを埋め込みたいランディングページを選択します。

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

:::steps
1. 左下のメニューで '**code/HTML**' のアイコンをクリックすると、ウィジェットを埋め込みたいページに要素が追加されます。
![左下のメニューでcode/HTMLのアイコンをクリックしている画面](https://embedsocial.com/images/docs/8033049/2.jpg)
2. HTMLコードの入力を求めるダイアログが表示されるので、コードを貼り付けます。
![HTMLのダイアログにコードを貼り付けている画面](https://embedsocial.com/images/docs/8033049/3.jpg)
:::

これで完了です。

幅と高さを調整するとWebサイトになじむように表示でき、プレビューで埋め込んだウィジェットの動作を確認できます。

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

![Instapageに埋め込まれたGoogleレビューウィジェットの例](https://embedsocial.com/images/docs/8033049/4.jpg)

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