--- title: "HubSpotにソーシャルメディアフィードを埋め込む方法" description: "HubSpotのページにソーシャルメディアフィードを埋め込んで表示する手順をご紹介します。" --- HubSpotのページにソーシャルメディアフィードを埋め込みたい方へ。ここでは、数クリックで埋め込む簡単な手順をご紹介します。 > 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/8403592/1.jpg) コードを取得したら、HubSpotのアカウントを開きます。 ## HubSpotのページにソーシャルメディアフィードを埋め込む HubSpotのアカウントに[ログイン](https://app.hubspot.com/login?loginRedirectUrl=https%3A%2F%2Fapp.hubspot.com%2Fsignup-hubspot%2Fcrm%3Fhubs_signup-url%3Dwww.hubspot.com%26hubs_signup-cta%3Dhomepage-hp-nav2%26uuid%3D37142c38-de46-426a-84b7-694bb86c4a1f%26step%3Demail_only_landing_page)し、上部メニューの '**Marketing**' をクリックして **Landing pages** をクリックします。続いて、ウィジェットを表示したいページの **Edit** をクリックします。 コードを埋め込む手順は次のとおりです。 :::steps 1. ランディングページのエディタで、上部メニューの '**File**' をクリックし、'**Page Settings**' を選択します。 ![Page settingsを選択している画面](https://embedsocial.com/images/docs/8403592/2.jpg) 2. '**Advanced**' を選び、'**Footer HTML**' に移動して、ウィジェットのコードを貼り付けます。 ![ポップアップでAdvancedをクリックし、ウィジェットのコードを入力している画面](https://embedsocial.com/images/docs/8403592/3.jpg) ::: これで完了です。 ランディングページをプレビューすると、ウィジェットの動きを確認できます。 ## HubSpotのランディングページに埋め込んだInstagramウィジェットの例 ![HubSpotのランディングページに埋め込まれたInstagramウィジェットの例](https://embedsocial.com/images/docs/8403592/4.jpg) > ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。 ## HubSpotにレビューを埋め込む HubSpotのページにレビューを埋め込みたい方へ。ここでは、数クリックで埋め込む簡単な手順をご紹介します。 > 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**' をクリックします。 ![コードをコピーしている画面](https://embedsocial.com/images/docs/8013583/1.jpg) コードを取得したら、HubSpotのアカウントを開きます。 ## HubSpotのページにレビューウィジェットを埋め込む HubSpotのアカウントに[ログイン](https://app.hubspot.com/login?loginRedirectUrl=https%3A%2F%2Fapp.hubspot.com%2Fsignup-hubspot%2Fcrm%3Fhubs_signup-url%3Dwww.hubspot.com%26hubs_signup-cta%3Dhomepage-hp-nav2%26uuid%3D37142c38-de46-426a-84b7-694bb86c4a1f%26step%3Demail_only_landing_page)し、上部メニューの '**Marketing**' をクリックして **Landing pages** をクリックします。続いて、レビューウィジェットを表示したいページの **Edit** をクリックします。 コードを埋め込む手順は次のとおりです。 :::steps 1. ランディングページのエディタで、上部メニューの '**File**' をクリックし、'**Page Settings**' を選択します。 ![Page settingsを選択している画面](https://embedsocial.com/images/docs/8013583/2.jpg) 2. '**Advanced**' を選び、'**Footer HTML**' に移動して、ウィジェットのコードを貼り付けます。 ![AdvancedのFooter HTMLにレビューウィジェットのコードを貼り付けている画面](https://embedsocial.com/images/docs/8013583/3.jpg) ::: これで完了です。 ランディングページをプレビューすると、ウィジェットの動きを確認できます。 ## HubSpotのランディングページに埋め込んだGoogleレビューウィジェットの例 ![HubSpotのランディングページに埋め込まれたGoogleレビューウィジェットの例](https://embedsocial.com/images/docs/8013583/4.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/) [Weeblyにレビューを埋め込む](/docs/integrations/weebly/) [Webflowにレビューを埋め込む](/docs/integrations/webflow/) [GoDaddyにレビューを埋め込む](/docs/integrations/godaddy/) ## ECプラットフォームにレビューを埋め込む [Shopifyにレビューを埋め込む](/docs/integrations/shopify/) [Magentoにレビューを埋め込む](/docs/integrations/magento/) [BigCommerceにレビューを埋め込む](/docs/integrations/bigcommerce/) ## 学習プラットフォームにレビューを埋め込む [Kajabiにレビューを埋め込む](/docs/integrations/kajabi/) [Thinkificにレビューを埋め込む](/docs/integrations/thinkific/) ## HubSpotに任意のウィジェットを埋め込む HubSpotのページにウィジェットを埋め込みたい方へ。ここでは、数クリックで埋め込む簡単な手順をご紹介します。 手順は次のとおりです。 1. EmbedSocialのアカウントに **ログイン** します。 2. **[Widgets](/admin/social_feed?lang=ja)** を開き、埋め込みたいウィジェットをクリックします。 3. ウィジェットエディタの左側の設定パネルで '**Embed**' タブをクリックし、'**Copy code**' をクリックします。 ![エディタでCopy codeをクリックしている画面](https://embedsocial.com/images/docs/7172849/1.jpg) コードを取得したら、HubSpotのアカウントを開きます。 ## HubSpotのページにウィジェットを埋め込む HubSpotのアカウントに[ログイン](https://app.hubspot.com/login?loginRedirectUrl=https%3A%2F%2Fapp.hubspot.com%2Fsignup-hubspot%2Fcrm%3Fhubs_signup-url%3Dwww.hubspot.com%26hubs_signup-cta%3Dhomepage-hp-nav2%26uuid%3D37142c38-de46-426a-84b7-694bb86c4a1f%26step%3Demail_only_landing_page)し、上部メニューの '**Marketing**' をクリックして **Landing pages** をクリックします。続いて、ウィジェットを表示したいページの **Edit** をクリックします。 コードを埋め込む手順は次のとおりです。 :::steps 1. ランディングページのエディタで、上部メニューの '**File**' をクリックし、'**Page Settings**' を選択します。 ![ポップアップでAdvancedをクリックし、ウィジェットのコードを入力している画面](https://embedsocial.com/images/docs/7172849/2.jpg) 2. '**Advanced**' を選び、'**Footer HTML**' に移動して、ウィジェットのコードを貼り付けます。 ![ポップアップでAdvancedをクリックし、ウィジェットのコードを入力している画面](https://embedsocial.com/images/docs/7172849/3.jpg) ::: これで完了です。 ランディングページをプレビューすると、ウィジェットの動きを確認できます。 ## HubSpotのランディングページに埋め込んだInstagramウィジェットの例 ![HubSpotのランディングページに埋め込まれたInstagramウィジェットの例](https://embedsocial.com/images/docs/7172849/4.jpg) > ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。