---
title: "BoldGridにソーシャルメディアフィードを埋め込む方法"
description: "BoldGridのWebサイトにソーシャルメディアフィードを埋め込んで表示する手順を説明します。"
---

BoldGridのWebサイトにソーシャルメディアフィードを埋め込みたい場合、数クリックで設置できます。手順は次のとおりです。

> 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/8442580/1.jpg)

コードを取得したら、BoldGridのアカウントに移動します。

## BoldGridのWebサイトにソーシャルメディアウィジェットを埋め込む

BoldGridのアカウントに[ログイン](https://www.boldgrid.com/central/login)し、ウィジェットを埋め込みたいWebサイトの編集画面を開きます。

コードを埋め込む手順は次のとおりです。

:::steps
1. ウィジェットを埋め込みたいWebサイトの '**Log-in**' アイコンをクリックします。
![対象のWebサイトのLog-inアイコンをクリックしている画面](https://embedsocial.com/images/docs/8442580/2.jpg)
2. ウィジェットを埋め込みたいページの '**Edit**' ボタンをクリックします。
![ウィジェットを埋め込むページのEditボタンをクリックしている画面](https://embedsocial.com/images/docs/8442580/3.jpg)
3. ページのセクション内にある '**+**' アイコンをクリックします。
![ページのセクション内の+アイコンをクリックしている画面](https://embedsocial.com/images/docs/8442580/4.jpg)
4. 表示されたポップアップで '**Block**' をクリックします。
![Blockのオプションをクリックしている画面](https://embedsocial.com/images/docs/8442580/5.jpg)
5. 新しく開いたポップアップにウィジェットのコードを追加し、'**X**' ボタンをクリックします。
![コードを適用してXアイコンをクリックしている画面](https://embedsocial.com/images/docs/8442580/6.jpg)
:::

これで完了です。Webサイトを公開すると、変更が反映されます。

## BoldGridに埋め込んだInstagramウィジェットの例

![BoldGridのWebサイトに埋め込まれたInstagramウィジェットの例](https://embedsocial.com/images/docs/8442580/7.jpg)

> ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏

## BoldGridにレビューを埋め込む

BoldGridのWebサイトにレビューを埋め込みたい場合も、数クリックで設置できます。手順は次のとおりです。

> 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/8031220/1.jpg)

コードを取得したら、BoldGridのアカウントに移動します。

## BoldGridのWebサイトにレビューウィジェットを埋め込む

BoldGridのアカウントに[ログイン](https://www.boldgrid.com/central/login)し、ウィジェットを埋め込みたいWebサイトの編集画面を開きます。

コードを埋め込む手順は次のとおりです。

:::steps
1. ウィジェットを埋め込みたいWebサイトの **log-in** アイコンをクリックします。
![レビューを埋め込むWebサイトのlog-inアイコンをクリックしている画面](https://embedsocial.com/images/docs/8031220/2.jpg)
2. ウィジェットを埋め込みたいページの **Edit** ボタンをクリックします。
![レビューを表示するページのEditボタンをクリックしている画面](https://embedsocial.com/images/docs/8031220/3.jpg)
3. ページのセクション内にある '**+**' アイコンをクリックします。
![BoldGridのページのセクション内の+アイコンをクリックしている画面](https://embedsocial.com/images/docs/8031220/4.jpg)
4. 表示されたポップアップで '**Block**' をクリックします。
![表示されたポップアップでBlockをクリックしている画面](https://embedsocial.com/images/docs/8031220/5.jpg)
5. 新しく開いたポップアップにウィジェットのコードを追加し、**X** ボタンをクリックします。
![レビューウィジェットのコードを追加してXボタンをクリックしている画面](https://embedsocial.com/images/docs/8031220/6.jpg)
:::

これで完了です。

Webサイトを公開すると、変更が反映されます。

## BoldGridに埋め込んだGoogleレビューウィジェットの例

![BoldGridのWebサイトに埋め込まれたGoogleレビューウィジェット](https://embedsocial.com/images/docs/8031220/7.jpg)

> ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏