--- title: "Weeblyにソーシャルメディアフィードを埋め込む方法" description: "Weeblyのサイトにソーシャルメディアフィードを埋め込んで表示する手順をご紹介します。" --- Weeblyのサイトにソーシャルメディアフィードを埋め込みたい方へ。ここでは、数クリックで埋め込む簡単な手順をご紹介します。 > 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/2741088/1.jpg) コードを取得したら、Weeblyのアカウントを開きます。 ## Weeblyのサイトにソーシャルメディアフィードを埋め込む Weeblyのアカウントに[ログイン](https://www.weebly.com/app/front-door/signin?path=login#/)し、対象サイトのWeebly Editorを開いて、ウィジェットを埋め込みたいページに移動します。 コードを埋め込む手順は次のとおりです。 :::steps 1. 左のメニューから '**Embed code**' を選び、ウィジェットを表示したいセクションにドラッグします。 ![ウィジェットを配置するセクションを選び、embed code要素をエディタにドラッグ＆ドロップしている画面](https://embedsocial.com/images/docs/2741088/2.jpg) 2. ボックスの '**Click to set custom HTML**' をクリックし、続けて '**Edit Custom HTML**' をクリックします。ウィジェットのコードを入力するダイアログが開きます。 ![Edit Custom HTMLのダイアログを開いている画面](https://embedsocial.com/images/docs/2741088/3.jpg) 3. ウィジェットのコードを貼り付けます。 ![Weeblyのエディタでウィジェットのコードを貼り付けている画面](https://embedsocial.com/images/docs/2741088/4.jpg) ::: これで完了です。幅と高さは、サイトに合わせて調整できます。 ## Weeblyに埋め込んだInstagramウィジェットの例 ![Weeblyのサイトに埋め込まれたInstagramウィジェット](https://embedsocial.com/images/docs/2741088/5.jpg) > ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏 ## Weeblyにレビューを埋め込む Weeblyのサイトにレビューを埋め込みたい方へ。ここでは、数クリックで埋め込む簡単な手順をご紹介します。 > 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/3864602/1.jpg) コードを取得したら、Weeblyのアカウントを開きます。 ## Weeblyのサイトにレビューウィジェットを埋め込む Weeblyのアカウントに[ログイン](https://www.weebly.com/app/front-door/signin?path=login#/)し、対象サイトのWeebly Editorを開いて、ウィジェットを埋め込みたいページに移動します。 コードを埋め込む手順は次のとおりです。 :::steps 1. 左のメニューから '**Embed code**' を選び、レビューを表示したいセクションにドラッグします。 ![embed code要素をドラッグ＆ドロップしている画面](https://embedsocial.com/images/docs/3864602/2.jpg) 2. ボックスの '**Click to set custom HTML**' をクリックし、続けて '**Edit Custom HTML**' をクリックします。ウィジェットのコードを入力するダイアログが開きます。 ![Click to set custom HTMLをクリックしている画面](https://embedsocial.com/images/docs/3864602/3.jpg) 3. ウィジェットのコードを貼り付けます。 ![HTMLのコードを保存して公開している画面](https://embedsocial.com/images/docs/3864602/4.jpg) ::: これで完了です。幅と高さは、サイトに合わせて調整できます。 ## Weeblyに埋め込んだGoogleレビューウィジェットの例 ![Weeblyに埋め込まれたレビューウィジェットの例](https://embedsocial.com/images/docs/3864602/5.jpg) > ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏