--- title: "ClickFunnelsにソーシャルメディアフィードを埋め込む方法" description: "ClickFunnelsにソーシャルメディアフィードを埋め込んで表示する手順を説明します。" --- ClickFunnelsにソーシャルメディアフィードを埋め込みたい場合、数クリックで設置できます。手順は次のとおりです。 > 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/8489481/1.jpg) コードを取得したら、ClickFunnelsのアカウントに移動します。 ## ClickFunnelsのサイトにソーシャルメディアフィードを埋め込む ClickFunnelsのアカウントに[ログイン](https://app.clickfunnels.com/users/sign_in)し、管理画面からウィジェットを埋め込みたいページを開きます。 コードを埋め込む手順は次のとおりです。 :::steps 1. ページ内でコードを挿入したいセクションを探し、'**Add new row**' をクリックします。 ![コードを挿入するセクションを選びAdd new rowをクリックしている画面](https://embedsocial.com/images/docs/8489481/2.jpg) 2. '**1 column**' を選択します。 ![1 columnのレイアウトを選んでいる画面](https://embedsocial.com/images/docs/8489481/3.jpg) 3. 追加されたセクションをクリックし、'**Custom JS/HTML**' を選択します。 ![追加したセクションでCustom JS/HTMLを選んでいる画面](https://embedsocial.com/images/docs/8489481/4.jpg) 4. 追加したCustom JS/HTMLのセクションをクリックし、'**Open code editor**' をクリックします。表示されたポップアップにコードを貼り付けます。 ![Open code editorをクリックし、ポップアップにウィジェットのコードを貼り付けている画面](https://embedsocial.com/images/docs/8489481/5.jpg) 5. '**Save**' をクリックし、1分ほど待ってから '**Preview**' で表示を確認します。 ![保存して1分後にプレビューで変更を確認している画面](https://embedsocial.com/images/docs/8489481/6.jpg) ::: これで完了です。 Webサイトにウィジェットが表示されます。 ## ClickFunnelsに埋め込んだInstagramウィジェットの例 ![ClickFunnelsに埋め込まれたInstagramウィジェット](https://embedsocial.com/images/docs/8489481/7.jpg) > ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏 ## ClickFunnelsにレビューを埋め込む ClickFunnelsにレビューを埋め込みたい場合も、数クリックで設置できます。手順は次のとおりです。 > 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/8010973/1.jpg) コードを取得したら、ClickFunnelsのアカウントに移動します。 ## ClickFunnelsのサイトにレビューウィジェットを埋め込む ClickFunnelsのアカウントに[ログイン](https://app.clickfunnels.com/users/sign_in)し、管理画面からウィジェットを埋め込みたいページを開きます。 コードを埋め込む手順は次のとおりです。 :::steps 1. ページ内でコードを挿入したいセクションを探し、'**Add new row**' をクリックします。 ![ページのセクションでAdd new rowをクリックしている画面](https://embedsocial.com/images/docs/8010973/2.jpg) 2. '**1 column**' を選択します。 ![1 columnのレイアウトを選んでいる画面](https://embedsocial.com/images/docs/8010973/3.jpg) 3. 追加されたセクションをクリックし、'**Custom JS/HTML**' を選択します。 ![追加したセクションでCustom JS/HTMLを選んでいる画面](https://embedsocial.com/images/docs/8010973/4.jpg) 4. 追加したCustom JS/HTMLのセクションをクリックし、'**Open code editor**' をクリックします。表示されたポップアップにコードを貼り付けます。 ![Open code editorをクリックし、ポップアップにウィジェットのコードを貼り付けている画面](https://embedsocial.com/images/docs/8010973/5.jpg) 5. '**Save**' をクリックし、1分ほど待ってから '**Preview**' で表示を確認します。 ![Saveをクリックし、続いてPreviewをクリックしている画面](https://embedsocial.com/images/docs/8010973/6.jpg) ::: これで完了です。 Webサイトにウィジェットが表示されます。 ## ClickFunnelsに埋め込んだGoogleレビューウィジェットの例 ![ClickFunnelsに埋め込まれたGoogleレビューウィジェットの例](https://embedsocial.com/images/docs/8010973/7.jpg) > ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏