--- title: "Ghostにソーシャルメディアフィードを埋め込む方法" description: "Ghostのサイトにソーシャルメディアフィードを埋め込んで表示する手順をご紹介します。" --- Ghostのサイトにソーシャルメディアフィードを埋め込みたい方へ。ここでは、数クリックで埋め込む簡単な手順をご紹介します。 > 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/8442846/1.jpg) コードを取得したら、Ghostのアカウントを開きます。 ## Ghostのサイトにソーシャルメディアフィードを埋め込む Ghostのアカウントに[ログイン](https://account.ghost.org/signin)し、**Dashboard** から '**Pages**' をクリックして、対象のサイトの横にある '**Edit**' を表すペンのボタンをクリックします。 ![Pagesをクリックしてサイトの横のEditを選択している画面](https://embedsocial.com/images/docs/8442846/2.jpg) ウィジェットを埋め込む手順は次のとおりです。 :::steps 1. 空いているスペースをマウスでクリックし、'**Enter**' を押すと '**(+)**' アイコンが表示されるので、'**HTML**' を選択します。 ![Ghostのサイトで空きスペースをクリックして(+)アイコンを表示し、HTMLを選択している画面](https://embedsocial.com/images/docs/8442846/3.jpg) 2. サイトにHTMLのボックスが追加されるので、EmbedSocialのウィジェットからコピーしたコードを貼り付け、'**Update**' をクリックします。 ![Ghostのページエディタで、EmbedSocialからコピーしたコードを貼り付けている画面](https://embedsocial.com/images/docs/8442846/4.jpg) ::: これで完了です。'preview' ボタンのあるポップアップが表示されるので、クリックしてプレビューをご確認ください。 ## Ghostに埋め込んだInstagramウィジェットの例 ![Ghostに埋め込まれたInstagramウィジェットの例](https://embedsocial.com/images/docs/8442846/5.jpg) > ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏 ## Ghostにレビューを埋め込む Ghostのサイトにレビューを埋め込みたい方へ。ここでは、数クリックで埋め込む簡単な手順をご紹介します。 > 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/8031623/1.jpg) コードをコピーしたら、Ghostのサイトを開いて[ログイン](https://account.ghost.org/signin)します。 ## Ghostのサイトにレビューウィジェットを埋め込む :::steps 1. ログインしたら、**Dashboard** から '**Pages**' をクリックし、対象のサイトの横にある '**Edit**' を表すペンのボタンをクリックします。 ![Pagesをクリックしてページを編集している画面](https://embedsocial.com/images/docs/8031623/2.jpg) 2. サイトが開いたら、空いているスペースをマウスでクリックし、'**Enter**' を押すと '**(+)**' が表示されるので、'**HTML**' を選択します。 ![プラスの記号をクリックしてHTMLを選択している画面](https://embedsocial.com/images/docs/8031623/3.jpg) 3. サイトにHTMLのボックスが追加されるので、EmbedSocialのウィジェットからコピーしたコードを貼り付け、'**Update**' をクリックします。 ![コードを貼り付けてUpdateをクリックしている画面](https://embedsocial.com/images/docs/8031623/4.jpg) ::: これで完了です。 'preview' ボタンのあるポップアップが表示されるので、クリックしてプレビューをご確認ください。 ## Ghostに埋め込んだGoogleレビューウィジェットの例 ![Ghostに埋め込まれたGoogleレビューウィジェットの例](https://embedsocial.com/images/docs/8031623/5.jpg) > ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏