--- title: "Landingiにソーシャルメディアフィードを埋め込む方法" description: "Landingiのページにソーシャルメディアフィードを埋め込んで表示する手順をご紹介します。" --- Landingiにソーシャルメディアフィードを埋め込みたい方へ。ここでは、数クリックで埋め込む簡単な手順をご紹介します。 > 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/8425252/1.jpg) コードを取得したら、Landingiのアカウントを開きます。 ## Landingiにソーシャルメディアフィードのウィジェットを埋め込む Landingiのアカウントに[ログイン](https://new.landingi.com/)し、ページの編集を始めます。 コードを埋め込む手順は次のとおりです。 :::steps 1. ウィジェットを表示したい位置にセクションを追加します。左のメニューから '**Section**' の要素を、ページの目的の場所にドラッグ＆ドロップします。 ![Landingiのエディタで、ウィジェットを表示したい場所にセクションをドラッグしている画面](https://embedsocial.com/images/docs/8425252/2.jpg) 2. 追加したセクションに '**HTML**' の要素をドラッグ＆ドロップします。 ![追加したセクションにHTMLの要素をドラッグ＆ドロップしている画面](https://embedsocial.com/images/docs/8425252/3.jpg) 3. ボックスの中を2回クリックして、コードを入力できる状態にします。 ![ボックスの中にコードを入力している画面](https://embedsocial.com/images/docs/8425252/4.jpg) 4. コードを **貼り付け**、'**Save & close**' をクリックします。 ![コードを貼り付けてSave & closeをクリックしている画面](https://embedsocial.com/images/docs/8425252/5.jpg) ::: これで完了です。ウィジェットがページに表示されます。 *ウィジェットはページを公開したあとに表示されます。* ## Landingiに埋め込んだInstagramウィジェットの例 ![Landingiに埋め込まれたInstagramウィジェット](https://embedsocial.com/images/docs/8425252/6.jpg) > ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏 ## Landingiにレビューを埋め込む Landingiにレビューを埋め込みたい方へ。ここでは、数クリックで埋め込む簡単な手順をご紹介します。 > 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**' をクリックします。 ![ウィジェットのコードをコピーしている画面](https://embedsocial.com/images/docs/8034674/1.jpg) コードを取得したら、Landingiのアカウントを開きます。 ## Landingiにレビューウィジェットを埋め込む Landingiのアカウントに[ログイン](https://new.landingi.com/)し、ページの編集を始めます。 コードを埋め込む手順は次のとおりです。 :::steps 1. ウィジェットを表示したい位置にセクションを追加します。左のメニューから '**Section**' の要素を、ページの目的の場所にドラッグ＆ドロップします。 ![目的のページに新しいセクションを追加している画面](https://embedsocial.com/images/docs/8034674/2.jpg) 2. 追加したセクションに '**HTML**' の要素をドラッグ＆ドロップします。 ![HTMLの要素を追加している画面](https://embedsocial.com/images/docs/8034674/3.jpg) 3. ボックスの中を2回クリックして、コードを入力できる状態にします。 ![HTMLのボックスを2回クリックしている画面](https://embedsocial.com/images/docs/8034674/4.jpg) 4. コードを **貼り付け**、'**Save & close**' をクリックします。 ![ウィジェットのコードを貼り付けて保存している画面](https://embedsocial.com/images/docs/8034674/5.jpg) ::: ウィジェットはページを公開したあとに表示されます。 これで完了です。 ウィジェットがページに表示されます。 > ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏 **他のWebビルダーにレビューを埋め込む** [WordPressにレビューを埋め込む](/docs/integrations/wordpress/) [WixでEmbedSocialを使う](/docs/integrations/wix/) [PageCloudにレビューを埋め込む](/docs/integrations/pagecloud/) [Notionにレビューを埋め込む](/docs/integrations/notion/) [Squarespaceにレビューを埋め込む](/docs/integrations/squarespace/) [Weeblyにレビューを埋め込む](/docs/integrations/weebly/) [Webflowにレビューを埋め込む](/docs/integrations/webflow/) [GoDaddyにレビューを埋め込む](/docs/integrations/godaddy/) ## ECプラットフォームにレビューを埋め込む [Shopifyにレビューを埋め込む](/docs/integrations/shopify/) [Magentoにレビューを埋め込む](/docs/integrations/magento/) [BigCommerceにレビューを埋め込む](/docs/integrations/bigcommerce/) ## 学習プラットフォームにレビューを埋め込む [Kajabiにレビューを埋め込む](/docs/integrations/kajabi/) [Thinkificにレビューを埋め込む](/docs/integrations/thinkific/)