--- title: "TypeDreamにソーシャルメディアフィードを埋め込む方法" description: "TypeDreamのサイトにソーシャルメディアフィードを埋め込んで表示する手順を説明します。" --- TypeDreamのサイトにソーシャルメディアフィードを埋め込みたい場合、数クリックで設置できます。手順は次のとおりです。 > 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/8403491/1.jpg) コードを取得したら、TypeDreamのアカウントに移動します。 ## TypeDreamのサイトにソーシャルメディアウィジェットを埋め込む TypeDreamのアカウントに[ログイン](https://build.typedream.com/login)し、プロジェクトを開いて、ウィジェットを埋め込みたいページに移動します。 コードを埋め込む手順は次のとおりです。 :::steps 1. '**Add new block**' をクリックします。 ![Embedのオプションを選んでいる画面](https://embedsocial.com/images/docs/8403491/2.jpg) 2. ページで '**Embed**' のコンポーネントを選択します。 ![Embedのオプションを選択している画面](https://embedsocial.com/images/docs/8403491/3.jpg) 3. TypeDreamの '**Embed**' コンポーネントの 'Code' の欄に埋め込みコードを貼り付け、'**Insert code**' をクリックします。 ![Codeをクリックし、ウィジェットのコードを入力してInsert codeをクリックしている画面](https://embedsocial.com/images/docs/8403491/4.jpg) ::: これで完了です。 幅と高さを調整すると、Webサイトになじむように表示できます。 ## TypeDreamに埋め込んだInstagramウィジェットの例 ![TypeDreamに埋め込まれたInstagramウィジェットの例](https://embedsocial.com/images/docs/8403491/5.jpg) > ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏 ## TypeDreamにレビューを埋め込む TypeDreamのサイトにレビューを埋め込みたい場合も、数クリックで設置できます。手順は次のとおりです。 > 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/8007912/1.jpg) コードを取得したら、TypeDreamのアカウントに移動します。 ## TypeDreamのサイトにレビューウィジェットを埋め込む TypeDreamのアカウントに[ログイン](https://build.typedream.com/login)し、プロジェクトを開いて、ウィジェットを埋め込みたいページに移動します。 コードを埋め込む手順は次のとおりです。 :::steps 1. '**Add new block**' をクリックします。 ![add new blockをクリックしている画面](https://embedsocial.com/images/docs/8007912/2.jpg) 2. ページで '**Embed**' のコンポーネントを選択します。 ![Embedのオプションをクリックしている画面](https://embedsocial.com/images/docs/8007912/3.jpg) 3. TypeDreamの '**Embed**' コンポーネントの 'Code' の欄に埋め込みコードを貼り付け、'**Insert code**' をクリックします。 ![codeをクリックしてコードを貼り付けている画面](https://embedsocial.com/images/docs/8007912/4.jpg) ::: これで完了です。 幅と高さを調整すると、Webサイトになじむように表示できます。 ## TypeDreamに埋め込んだGoogleレビューウィジェットの例 ![ウィジェットの表示例](https://embedsocial.com/images/docs/8007912/5.jpg) > ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏