--- title: "Framerにソーシャルメディアフィードを埋め込む方法" description: "Framerのサイトにソーシャルメディアフィードを埋め込んで表示する手順をご紹介します。" --- Framerのサイトにソーシャルメディアフィードを埋め込みたい方へ。ここでは、数クリックで埋め込む簡単な手順をご紹介します。 > 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**' タブをクリックし、'**Help to embed code**' をクリックして、ウィジェットの '**URL**' をコピーします。 ![EmbedタブをクリックしてウィジェットのURLをコピーしている画面](https://embedsocial.com/images/docs/8425009/1.jpg) コードを取得したら、Framerのアカウントを開きます。 ## Framerのサイトにソーシャルメディアフィードを埋め込む Framerのアカウントに[ログイン](https://login.framer.com/?origin=framer-web&redirect=https%3A%2F%2Fframer.com%2Fprojects%2F%3F_ga%3D2.12551604.1284188384.1687294341-862049775.1687294341%26_gac%3D1.216753570.1687294341.EAIaIQobChMI2LjBnN3S_wIV4JRoCR3Svwo2EAAYASAAEgLUO_D_BwE)し、対象サイトのエディタを開いて、ウィジェットを埋め込みたいページに移動します。 コードを埋め込む手順は次のとおりです。 :::steps 1. ウィジェットを表示したい位置で '**Add Section**' をクリックします。 ![Framerのサイトエディタでセクションを追加している画面](https://embedsocial.com/images/docs/8425009/2.jpg) 2. 左のメニューで '**Utility**' を選び、'**Embed**' の要素を追加したセクションにドラッグ＆ドロップします。 ![FramerでUtilityを選び、Embedの要素を追加したセクションにドラッグしている画面](https://embedsocial.com/images/docs/8425009/3.jpg) 3. エディタ右側のURLの欄に、ウィジェットの '**URL**' を貼り付けます。 ![FramerでウィジェットのURLを貼り付けている画面](https://embedsocial.com/images/docs/8425009/4.jpg) ::: これで完了です。幅と高さは、サイトに合わせて調整できます。 ## Framerに埋め込んだInstagramウィジェットの例 ![Framerに埋め込まれたInstagramウィジェットの表示](https://embedsocial.com/images/docs/8425009/5.jpg) > ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏 ## Framerにレビューを埋め込む Framerのサイトにレビューを埋め込みたい方へ。ここでは、数クリックで埋め込む簡単な手順をご紹介します。 > 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**' タブをクリックし、'**Help to embed code**' をクリックして、ウィジェットの '**URL**' をコピーします。 ![ウィジェットのURLをコピーしている画面](https://embedsocial.com/images/docs/8032932/1.jpg) コードを取得したら、Framerのアカウントを開きます。 ## Framerのサイトにレビューウィジェットを埋め込む Framerのアカウントに[ログイン](https://login.framer.com/?origin=framer-web&redirect=https%3A%2F%2Fframer.com%2Fprojects%2F%3F_ga%3D2.12551604.1284188384.1687294341-862049775.1687294341%26_gac%3D1.216753570.1687294341.EAIaIQobChMI2LjBnN3S_wIV4JRoCR3Svwo2EAAYASAAEgLUO_D_BwE)し、対象サイトのエディタを開いて、ウィジェットを埋め込みたいページに移動します。 コードを埋め込む手順は次のとおりです。 :::steps 1. ウィジェットを表示したい位置で '**Add Section**' をクリックします。 ![セクションを追加している画面](https://embedsocial.com/images/docs/8032932/2.jpg) 2. 左のメニューで '**Utility**' を選び、'**Embed**' の要素を追加したセクションにドラッグ＆ドロップします。 ![要素を埋め込んでいる画面](https://embedsocial.com/images/docs/8032932/3.jpg) 3. エディタ右側のURLの欄に、ウィジェットの '**URL**' を貼り付けます。 ![ウィジェットのURLを貼り付けている画面](https://embedsocial.com/images/docs/8032932/4.jpg) ::: これで完了です。 幅と高さは、サイトに合わせて調整できます。 ## Framerに埋め込んだGoogleレビューウィジェットの例 ![FramerでのGoogleレビューウィジェットの表示例](https://embedsocial.com/images/docs/8032932/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/) [Webflowにレビューを埋め込む](/docs/integrations/webflow/) [GoDaddyにレビューを埋め込む](/docs/integrations/godaddy/) [IM Creatorにレビューを埋め込む](/docs/integrations/im-creator/) ## ECプラットフォームにレビューを埋め込む [Shopifyにレビューを埋め込む](/docs/integrations/shopify/) [Magentoにレビューを埋め込む](/docs/integrations/magento/) [BigCommerceにレビューを埋め込む](/docs/integrations/bigcommerce/) ## 学習プラットフォームにレビューを埋め込む [Kajabiにレビューを埋め込む](/docs/integrations/kajabi/) [Thinkificにレビューを埋め込む](/docs/integrations/thinkific/)