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

Webnodeの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/8442772/1.jpg)

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

## WebnodeのWebサイトにソーシャルメディアフィードを埋め込む

Webnodeのアカウントに[ログイン](https://www.webnode.com/login/)し、ウィジェットを埋め込みたいWebサイトの編集画面を開きます。

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

:::steps
1. ウィジェットを表示したいページを開き、'**+**' アイコンをクリックして、コンテンツブロックから '**HTML**' を選択します。
![Webnodeのエディターで+アイコンをクリックし、コンテンツブロックからHTMLを選んでいる画面](https://embedsocial.com/images/docs/8442772/2.jpg)
2. 表示されたポップアップにウィジェットのコードを追加し、'**OK**' をクリックします。
![Webnodeのエディターでポップアップにウィジェットのコードを追加しOKをクリックしている画面](https://embedsocial.com/images/docs/8442772/3.jpg)
:::

これで完了です。Webサイトを公開すると、変更が反映されます。

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

![Webnodeのページに埋め込まれたウィジェットの表示例](https://embedsocial.com/images/docs/8442772/4.jpg)

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

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

WebnodeのWebサイトにレビューウィジェットを追加したい場合も、数クリックで設置できます。Google、Facebookなど、接続しているどのレビューソースでも同じ手順で設置できます。

> 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**' タブをクリックし、'**Iframe code**' をクリックします。表示されたポップアップで '**Iframe**' を選び、1つ目のコードをコピーします

![Iframe codeをクリックし、ポップアップから1つ目のコードをコピーしている画面](https://embedsocial.com/images/docs/8031578/1.jpg)

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

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

Webnodeのアカウントに[ログイン](https://www.webnode.com/login/)し、ウィジェットを埋め込みたいWebサイトの編集画面を開きます。

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

:::steps
1. レビューを表示したいページを開き、左上の '**+**' アイコンをクリックして、コンテンツブロックから '**HTML**' を選択します。
![Webnodeのエディターで+アイコンをクリックしHTMLコンテンツを選んでいる画面](https://embedsocial.com/images/docs/8031578/2.jpg)
2. 表示された '**Edit HTML**' のポップアップにウィジェットのコードを追加し、'**OK**' をクリックします。
![Edit HTMLのポップアップにレビューウィジェットのコードを追加しOKをクリックしている画面](https://embedsocial.com/images/docs/8031578/3.jpg)
:::

これで完了です。

Webサイトを公開すると、変更が反映されます。

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

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

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