--- title: "LanderAppにソーシャルメディアフィードを埋め込む方法" description: "LanderAppのランディングページにソーシャルメディアフィードを埋め込んで表示する手順を説明します。" --- LanderAppにソーシャルメディアフィードを埋め込みたい場合、数クリックで設置できます。手順は次のとおりです。 > 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/8442536/1.jpg) コードを取得したら、LanderAppのアカウントに移動します。 ## LanderAppにソーシャルメディアウィジェットを埋め込む LanderAppのアカウントに[ログイン](http://cloud.landerapp.com/Registration/Login)し、ページの編集を開始します。 コードを埋め込む手順は次のとおりです。 :::steps 1. '**Advanced Tools**' の中から '**HTML**' のブロックを選びます。 ![LanderAppのエディターでHTMLのオプションをクリックしている画面](https://embedsocial.com/images/docs/8442536/2.jpg) 2. ポップアップが表示されるので、コードを貼り付けて '**Ok**' をクリックします。 ![ポップアップにウィジェットのコードを貼り付けてOkをクリックしている画面](https://embedsocial.com/images/docs/8442536/3.jpg) 3. ウィジェットは自由に拡大したり、表示したい位置にドラッグしたりできます。その後 '**Save**' と '**Preview**' をクリックします。 ![LanderAppのエディターでSaveをクリックし、続いてPreviewをクリックしている画面](https://embedsocial.com/images/docs/8442536/4.jpg) ::: これで完了です。ランディングページにウィジェットが表示されます。 *ウィジェットはプレビューと公開後のページでのみ表示されますのでご注意ください。* ## LanderAppに埋め込んだInstagramウィジェットの例 ![LanderAppでのウィジェットの表示例](https://embedsocial.com/images/docs/8442536/5.png) > ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏 ## LanderAppにレビューを埋め込む LanderAppにレビューを埋め込みたい場合も、数クリックで設置できます。手順は次のとおりです。 > 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**' をクリックします ![ウィジェットエディターのEmbedタブでCopy codeをクリックしている画面](https://embedsocial.com/images/docs/8031139/1.jpg) コードを取得したら、LanderAppのアカウントに移動します。 ## LanderAppにレビューウィジェットを埋め込む LanderAppのアカウントに[ログイン](http://cloud.landerapp.com/Registration/Login)し、ページの編集を開始します。 コードを埋め込む手順は次のとおりです。 :::steps 1. '**Advanced Tools**' の中から '**HTML**' のブロックを選びます。 ![Advanced ToolsからHtmlのブロックを選んでいる画面](https://embedsocial.com/images/docs/8031139/2.jpg) 2. ポップアップが表示されるので、コードを貼り付けて '**Ok**' をクリックします。 ![ポップアップにコードを貼り付けてOkをクリックしている画面](https://embedsocial.com/images/docs/8031139/3.jpg) 3. ウィジェットは自由に拡大したり、表示したい位置にドラッグしたりできます。その後 **Save** と **Preview** をクリックします。 ![ウィジェットを広げてからSaveとPreviewをクリックしている画面](https://embedsocial.com/images/docs/8031139/4.jpg) ::: ウィジェットはプレビューと公開後のページでのみ表示されますのでご注意ください。 これで完了です。 ランディングページにウィジェットが表示されます。 ## LanderAppに埋め込んだGoogleレビューウィジェットの例 ![LanderAppに埋め込まれたGoogleレビューウィジェットの例](https://embedsocial.com/images/docs/8031139/5.jpg) > ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏