メインコンテンツにスキップ

総合評価のバッジを作成する方法

Googleなどの総合評価を示すバッジを作成しカスタマイズする方法を紹介します。

田中理央 Rio avatar
対応者:田中理央 Rio
一週間前以上前にアップデートされました

Google・Facebookバッジの作成とカスタマイズ

EmbedReviewsを使えば、GoogleやFacebookのレビューをもとにした独自のバッジを作成・カスタマイズし、ウェブサイトに埋め込むことができます。

まずは、Googleマップの店舗情報やFacebookページを接続するか、カスタムソースを作成します。その後、以下の手順に進みましょう。

  1. 左側メニューの 「ウィジェット」 タブに移動し、「新しいウィジェット」 をクリックします。

Navigating to the widgets to create a new one

2. 使用したいソースを選択し、「Create widget(ウィジェットを作成)」 をクリックします。

Selecting the desired source and creating the widget

ここで、用意されたテンプレートから選ぶか、自分でカスタマイズして独自のバッジを作成できます。

テンプレートの選択

テンプレートを選択するには、以下の手順を行ってください。

  1. 「Templates(テンプレート)」 をクリックし、「Badge(バッジ)」 を探して、お好みのデザインを選択します。

Selecting one of the already created templates

バッジのレイアウトを新規に作成

バッジを一から作成してカスタマイズする場合は、次の手順で進めます。

  1. 「Badge(バッジ)」 レイアウトを選択し、必要な設定を行います。

Selecting badge layout

バッジの表示位置やテーマも自由に選択できます。

さらに 「Card(カード)」 セクションでは、テキストの色、星のアイコン、ソースロゴ、配置など、さまざまな設定を調整できます。

Exploring the card settings of the widget

「Filter(フィルター)」 セクションでは、星評価・日付・キーワード・タグなどを条件に、表示するレビューを絞り込むことができます。

Exploring the filter settings of the widget

さらに細かく調整したい場合は、「Custom CSS」 セクションで独自のスタイルを適用することも可能です。

これで完了です!バッジのカスタマイズが終わったら、ウィジェットコードをコピーしてウェブサイトに貼り付ければ表示できます。

こちらの回答で解決しましたか?