--- title: "Leadpagesにソーシャルメディアフィードを埋め込む方法" description: "Leadpagesのランディングページやサイトにソーシャルメディアフィードを埋め込んで表示する手順を説明します。" --- Leadpagesにソーシャルメディアフィードを埋め込みたい場合、数クリックで設置できます。手順は次のとおりです。 > 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/8443027/1.jpg) コードを取得したら、Leadpagesのアカウントに移動します。 ## Leadpagesのサイトにソーシャルメディアフィードのウィジェットを埋め込む Leadpagesのアカウントに[ログイン](https://my.leadpages.com/login/)し、ソーシャルメディアフィードのウィジェットを埋め込みたい場所に応じて 'Landing pages' または 'Sites' をクリックします。 選択したら '**pen**'（編集）ボタンをクリックすると、Webサイトビルダーが開きます。 ![penの編集ボタンをクリックしてLeadpagesのWebサイトビルダーを開いている画面](https://embedsocial.com/images/docs/8443027/2.jpg) ウィジェットを埋め込む手順は次のとおりです。 :::steps 1. 左側にある '**Widgets**' を開き、'**HTML**' をWebサイトのブロックにドラッグ＆ドロップします。 ![左側のWidgetsを開き、HTMLを選んでWebサイトのブロックにドラッグ＆ドロップしている画面](https://embedsocial.com/images/docs/8443027/3.jpg) 2. **HTMLのブロック**をドラッグ＆ドロップしたら、ウィジェットからコピーしたコードを貼り付け、'**Save**' をクリックしてウィジェットを適用します。 ![HTMLのブロックにウィジェットのコードを貼り付け、Saveをクリックしてウィジェットを適用している画面](https://embedsocial.com/images/docs/8443027/4.jpg) ::: これで完了です。'**Preview**' をクリックすると、公開前にウィジェットの表示を確認できます。 ## Leadpagesに埋め込んだInstagramウィジェットの例 ![Leadpagesに埋め込まれたInstagramウィジェット](https://embedsocial.com/images/docs/8443027/5.jpg) > ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏 ## Leadpagesにレビューを埋め込む Leadpagesのランディングページビルダーにレビューを埋め込みたい場合も、数クリックで設置できます。手順は次のとおりです。 > 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/8031860/1.jpg) コードをコピーしたら、Leadpagesの[ログインページ](https://my.leadpages.com/login/)に移動します。 ## Leadpagesのサイトにレビューウィジェットを埋め込む :::steps 1. ログインしたら、レビューウィジェットを埋め込みたい場所に応じて 'Landing pages' または 'Sites' をクリックします。選択したら '**pen**'（編集）ボタンをクリックすると、Webサイトビルダーが開きます。 ![landing pagesまたはsitesをクリックして編集を開いている画面](https://embedsocial.com/images/docs/8031860/2.jpg) 2. ビルダーの左側にある '**Widgets**' を開き、'**HTML**' をWebサイトのブロックにドラッグ＆ドロップします。 ![HTMLをクリックして空いている場所にドロップしている画面](https://embedsocial.com/images/docs/8031860/3.jpg) 3. **HTMLのブロック**をドラッグ＆ドロップしたら、レビューウィジェットからコピーしたコードを貼り付け、'**Save**' をクリックしてウィジェットを適用します。'**preview**' をクリックすると公開前に表示を確認でき、'**publish**' をクリックするとWebサイトに公開されます。 ![コードを貼り付けてSaveをクリックし、続いてpublishをクリックしている画面](https://embedsocial.com/images/docs/8031860/4.jpg) ::: これで完了です。 LeadpagesのWebサイトでは次のように表示されます。 ![ウィジェットの表示例](https://embedsocial.com/images/docs/8031860/5.jpg) > ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏