---
title: "Beacons.aiにレビューを埋め込む方法"
description: "Beacons.aiにレビューを埋め込んで表示する手順を説明します。"
---

Beacons.aiにレビューを埋め込みたい場合、数クリックで設置できます。手順は次のとおりです。

> 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.  '**Layout**' で **Badge** を選択します

4.  ウィジェットエディターの左の設定パネルで '**Embed**' タブをクリックし、'**iFrame code**' を開いて '**Dynamic width and height**' のコードを '**Copy**' します

![Iframe codeを開いてコードをコピーしている画面](https://embedsocial.com/images/docs/8065474/1.jpg)

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

## Beacons.aiにレビューウィジェットを埋め込む

Beacons.aiのアカウントに[ログイン](https://account.beacons.ai/signin)します。

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

:::steps
1. '**+ Add block**' をクリックします。
![Add blockをクリックしている画面](https://embedsocial.com/images/docs/8065474/2.jpg)
2. '**Text**' をクリックします。
![Textをクリックしている画面](https://embedsocial.com/images/docs/8065474/3.jpg)
3. コードを**貼り付け**、幅を100%から**300%に広げます**。その後 '**Save**' をクリックします。
![コードを貼り付けている画面](https://embedsocial.com/images/docs/8065474/4.jpg)
:::

これで完了です。

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

![EmbedSocialのウィジェットの表示例](https://embedsocial.com/images/docs/8065474/5.jpg)

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