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

Squarespaceのサイトにソーシャルメディアフィードを埋め込みたい方へ。ここでは、数クリックで埋め込む簡単な手順をご紹介します。

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

コードを取得したら、Squarespaceのアカウントを開きます。

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

Squarespaceのアカウントにログインし、ウィジェットを埋め込みたいページに移動して '**Edit**' をクリックします。

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

:::steps
1. ウィジェットを埋め込みたい位置で '**Add section**' をクリックし、新しいセクションを追加します。
![Squarespaceでセクションを追加している画面](https://embedsocial.com/images/docs/2735176/2.png)
2. '**Add a blank section**' をクリックします。
![Squarespaceで空のセクションを追加している画面](https://embedsocial.com/images/docs/2735176/3.png)
3. '**Add block**' をクリックします。
![Squarespaceでブロックを追加している画面](https://embedsocial.com/images/docs/2735176/4.png)
4. ウィジェットに合ったコンテンツブロックの種類を選びます。ここでは '**Embed**' を選択します。
![SquarespaceでEmbedのコンテンツブロックを選択している画面](https://embedsocial.com/images/docs/2735176/5.png)
5. ポップアップで '**Code snippet**' を選び、'**Embed data**' をクリックします。
![Squarespaceでウィジェットのコードを貼り付ける画面](https://embedsocial.com/images/docs/2735176/6.png)
6. コードを貼り付け、'**Save**' をクリックします。
![Squarespaceでウィジェットのコードを貼り付けてSaveをクリックしている画面](https://embedsocial.com/images/docs/2735176/7.png)
:::

これで完了です。ウィジェットが埋め込まれました。幅と高さは、サイトに合わせて調整できます。

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

![Squarespaceに埋め込まれたInstagramウィジェットの例](https://embedsocial.com/images/docs/2735176/8.png)

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

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

Squarespaceのサイトにレビューを埋め込みたい方へ。ここでは、数クリックで埋め込む簡単な手順をご紹介します。

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

コードを取得したら、Squarespaceのアカウントを開きます。

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

Squarespaceのアカウントにログインし、ウィジェットを埋め込みたいページに移動して '**Edit**' をクリックします。

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

:::steps
1. ウィジェットを埋め込みたい位置で '**Add section**' をクリックし、新しいセクションを追加します。
![新しいセクションを追加している画面](https://embedsocial.com/images/docs/3914813/2.jpg)
2. '**Add a blank section**' をクリックします。
![新しい空のセクションを追加している画面](https://embedsocial.com/images/docs/3914813/3.jpg)
3. '**Add block**' をクリックします。
![新しいブロックを追加している画面](https://embedsocial.com/images/docs/3914813/4.jpg)
4. ウィジェットに合ったコンテンツブロックの種類を選びます。ここでは '**Embed**' を選択します。
![Embedをクリックしている画面](https://embedsocial.com/images/docs/3914813/5.jpg)
5. ポップアップで '**Code snippet**' を選び、'**Embed data**' をクリックします。
![Code snippetを選んでコードを貼り付け、Embed dataをクリックしている画面](https://embedsocial.com/images/docs/3914813/6.jpg)
6. コードを貼り付け、'**Save**' をクリックします。
![Saveをクリックしてウィジェットを反映している画面](https://embedsocial.com/images/docs/3914813/7.jpg)
:::

これで完了です。

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

ウィジェットが埋め込まれました。幅と高さは、サイトに合わせて調整できます。

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

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