# ウィジェットとマイクロサイトの統計の解説

認証済みアクセスウィジェットとマイクロサイトを設定して、参加者に紹介、報酬、プログラムの統計を表示できます。この機能により、参加者が達成した内容と次に目指せる内容を把握できるようになります。

{% hint style="warning" %}
**限定**: 既定のテンプレートで提供されるものを除くコンポーネントは、特定の製品エディションまたはアドオンでのみ利用できます。ウィジェットやマイクロサイトでどのコンポーネントを使用するかをより細かく制御したい場合は、お問い合わせのうえ、プログラムをアップグレードしてください。
{% endhint %}

### 参加者に表示する統計を調整する

テンプレートでは、既定でいくつかの一般的な概要統計が参加者に表示されます。プログラムのよりカスタムな統計を参加者に表示するには、次の手順に従います。

1. 左側のナビゲーションメニューから、次を選択します ![](/files/7ddd72d8e69e7055d9408cf4847c5c54abf9f71d) **\[Engage] → コンテンツ**.
2. を選択してコンテンツエディターを開きます **ウィジェットを編集** または **コンテンツを編集**.
   * エディターの使い方については、次をご覧ください [プログラムウィジェットをカスタマイズする](/brand/ja/nitsuitebitaidesuka/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets.md) または [マイクロサイトのレイアウトとページをカスタマイズする](/brand/ja/nitsuitebitaidesuka/advocate-program/manage-advocate-participant-experiences/microsite-experiences/customize-microsite-layouts-and-pages.md).
3. 編集したいプログラム *ウィジェット* または *マイクロサイト* ページを左側のスライドアウトから選択します。

<div data-with-frame="true"><figure><img src="/files/e3b1e2507b06df4066acc7f770f362c4fb931fa2" alt="" width="375"><figcaption></figcaption></figure></div>

4. 右側のメニューから、 **追加** → **統計** を選択し、次のいずれかを選びます *統計* グループ。
   * 既存の統計を編集するには、キャンバス上でその統計を選択し、下の手順6に進みます。
   * 利用可能な統計コンポーネントの詳細については、次を参照してください [ウィジェットとマイクロサイトのコンポーネントの解説](https://help.impact.com/brand/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-components-explained#statistics).
5. キャンバス上で、統計コンポーネントを追加したい場所を見つけて選択します。
6. コンポーネントを選択してキャンバスに配置すると、右側に統計ビルダーが表示されます。この右側パネルでは、コンポーネントをさらにカスタマイズするための多くの編集オプションを利用できます。以下の *統計リファレンス* をご覧ください。

### 統計リファレンス

以下のセクションでは、 *編集* タブ。

#### **ポイント残高、ギフトカード獲得、紹介、その他の統計コンポーネント**

で選択したユーザー統計に基づいて、表示される可能性のあるすべての設定を説明します。 *種類* ドロップダウンメニュー。

<details>

<summary>紹介</summary>

アドボケイトの紹介活動を表示します。紹介活動のリアルタイム件数を表示して、パフォーマンスを追跡し、成功する紹介の要因を把握できるようにすることで、アドボケイトの意欲を高めるために使用できます。

| ユーザー統計の設定   | 説明                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
| ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **期間**      | <p>ドロップダウンメニューを使用して、紹介データを特定の期間に絞り込みます。</p><ul><li><strong>全期間</strong> - プログラムの全履歴のデータを使用して統計を計算します。</li><li><strong>今月</strong> - 計算対象を今月の暦月のデータのみに制限します。</li><li><strong>今週</strong> - 計算対象を今週の暦週のデータのみに制限します。</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
| **紹介ステータス** | <p>ドロップダウンメニューを使用して、変換ステータスに基づき紹介データを分類します。</p><ul><li><strong>開始済みのすべての紹介</strong> - コンバージョンに至ったかどうかにかかわらず、ユーザーによって開始されたすべての紹介を含みます。</li><li><strong>コンバージョン済みの紹介のみ</strong> - 完了購入や登録など、望ましい結果につながった紹介のみを含みます。</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| **追加設定**    | <p>追加設定を選択します。設定の利用可否は、ウィジェットまたはマイクロサイトのどちらを作業しているかによって異なります。</p><ul><li><strong>配置</strong> - flexbox の配置を制御します。</li><li><strong>説明のフォントサイズ</strong> （マイクロサイトのみ）- 説明テキストのサイズをピクセルで設定します。フォントサイズを調整するには数値を入力してください。</li><li><strong>説明テキストの色</strong> （マイクロサイトのみ）- 説明テキストの色を設定します。色を設定するには16進数のカラーコード（例：白の場合は #FFFFFF）を入力してください。</li><li><strong>フレックス反転</strong> - <img src="/files/966a7b9c51811043ca7c1811ec6f6b9ef39fd26f" alt=""> <strong>［トグルをオン］</strong> 説明を統計値の前に表示するようにします。</li><li><strong>プログラムID</strong> - 特定のプログラムの統計を表示するには、そのプログラムIDを選択します。IDが指定されていない場合は、現在のプログラムのコンテキストから統計を表示するように既定設定されます。</li><li><strong>統計のフォントサイズ</strong> （マイクロサイトのみ）- 統計値テキストのサイズをピクセルで設定します。</li><li><strong>統計のフォントウェイト</strong> （マイクロサイトのみ）- 統計値テキストの太さを選択します。</li><li><strong>統計テキストの色</strong> （マイクロサイトのみ）- 統計値テキストの色を設定します。色を設定するには16進数のカラーコードを入力してください。</li></ul> |

</details>

<details>

<summary>すべての報酬</summary>

ユーザーが保有するすべての種類の報酬を表示します。このユーザー統計タイプを使用すると、プログラム内のすべての報酬で獲得した累計価値を強調表示し、アドボケイトの長期的なロイヤルティを高めることができます。

| ユーザー統計の設定                   | 説明                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
| --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **期間**                      | <p>ドロップダウンメニューを使用して、紹介データを特定の期間に絞り込みます。</p><ul><li><strong>全期間</strong> - プログラムの全履歴のデータを使用して統計を計算します。</li><li><strong>今月</strong> - 計算対象を今月の暦月のデータのみに制限します。</li><li><strong>今週</strong> - 計算対象を今週の暦週のデータのみに制限します。</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
| **すべてのプログラムにわたって報酬合計を計算する** | ![](/files/966a7b9c51811043ca7c1811ec6f6b9ef39fd26f) **［トグルをオン］** このユーザー統計を表示して、参加しているすべてのプログラムで蓄積した報酬の合計を表示します。 ![](/files/ff9165c3126806be1a33d221d3816f6adc58908c) **\[オフに切り替え]** この統計を使用して、現在のプログラムの報酬のみを表示します。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
| **追加設定**                    | <p>追加設定を選択します。設定の利用可否は、ウィジェットまたはマイクロサイトのどちらを作業しているかによって異なります。</p><ul><li><strong>配置</strong> - flexbox の配置を制御します。</li><li><strong>説明のフォントサイズ</strong> （マイクロサイトのみ）- 説明テキストのサイズをピクセルで設定します。フォントサイズを調整するには数値を入力してください。</li><li><strong>説明テキストの色</strong> （マイクロサイトのみ）- 説明テキストの色を設定します。色を設定するには16進数のカラーコード（例：白の場合は #FFFFFF）を入力してください。</li><li><strong>フレックス反転</strong> - <img src="/files/966a7b9c51811043ca7c1811ec6f6b9ef39fd26f" alt=""> <strong>［トグルをオン］</strong> 説明を統計値の前に表示するようにします。</li><li><strong>プログラムID</strong> - 特定のプログラムの統計を表示するには、そのプログラムIDを選択します。IDが指定されていない場合は、現在のプログラムのコンテキストから統計を表示するように既定設定されます。</li><li><strong>統計のフォントサイズ</strong> （マイクロサイトのみ）- 統計値テキストのサイズをピクセルで設定します。</li><li><strong>統計のフォントウェイト</strong> （マイクロサイトのみ）- 統計値テキストの太さを選択します。</li><li><strong>統計テキストの色</strong> （マイクロサイトのみ）- 統計値テキストの色を設定します。色を設定するには16進数のカラーコードを入力してください。</li></ul> |

</details>

<details>

<summary>Fueltank、クレジット、割引報酬</summary>

* **Fueltank報酬** - Fueltankプログラム固有の報酬を表示します。
* **クレジット報酬** - クレジットとして発行された報酬の残高を表示します。
* **割引報酬** - 利用可能な割引ベースの報酬を表示します。

これらのユーザー統計タイプを使用して、アドボケイトが獲得した報酬を利用するよう促すことができます。

| ユーザー統計の設定                   | 説明                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
| --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **種類 - 報酬単位**               | <p>選択した報酬タイプの単位または通貨を選択します。</p><p>例としては、Percent（%）、Credit - CAD や Cash - USD などの各種通貨、さらに Tshirt - TSHIRT のようなカスタム単位があります。</p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |
| **合計**                      | <p>統計の計算方法と表示方法を選択します。現在のステータスで絞り込んだ報酬の合計値（Sum）または合計数（Number）を表示できます。</p><p><strong>計算タイプ</strong>: すべての報酬に対して実行する計算の種類を選択します。</p><ul><li><strong>合計値</strong> - 報酬の合計値を計算します。</li><li><strong>数</strong> - 報酬の総数を計算します。</li></ul><p><strong>報酬ステータス</strong>: ライフサイクル上の現在の状態に基づいて報酬を選択します。</p><ul><li><strong>獲得済み</strong> - ユーザーに付与されたすべての報酬。</li><li><strong>割り当て済み</strong> - ユーザーに割り当てられた報酬。</li><li><strong>利用可能</strong> - 現在ユーザーが利用できる報酬。</li><li><strong>保留中</strong> - トリガーはされたが、承認や確定待ち期間などの最終処理を待っている報酬。</li><li><strong>引き換え済み</strong> - ユーザーがすでに使用または現金化した報酬。</li><li><strong>キャンセル済み</strong> - 無効化または取り消され、もはや有効ではない報酬。</li><li><strong>期限切れ</strong> - 有効期限までに使用されず、もはや有効ではない報酬。</li></ul>                                                                                                                                                       |
| **すべてのプログラムにわたって報酬合計を計算する** | ![](/files/966a7b9c51811043ca7c1811ec6f6b9ef39fd26f) **［トグルをオン］** このユーザー統計を表示して、参加しているすべてのプログラムで蓄積した報酬の合計を表示します。 ![](/files/ff9165c3126806be1a33d221d3816f6adc58908c) **\[オフに切り替え]** この統計を使用して、現在のプログラムの報酬のみを表示します。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
| **追加設定**                    | <p>追加設定を選択します。設定の利用可否は、ウィジェットまたはマイクロサイトのどちらを作業しているかによって異なります。</p><ul><li><strong>配置</strong> - flexbox の配置を制御します。</li><li><strong>説明のフォントサイズ</strong> （マイクロサイトのみ）- 説明テキストのサイズをピクセルで設定します。フォントサイズを調整するには数値を入力してください。</li><li><strong>説明テキストの色</strong> （マイクロサイトのみ）- 説明テキストの色を設定します。色を設定するには16進数のカラーコード（例：白の場合は #FFFFFF）を入力してください。</li><li><strong>フレックス反転</strong> - <img src="/files/966a7b9c51811043ca7c1811ec6f6b9ef39fd26f" alt=""> <strong>［トグルをオン］</strong> 説明を統計値の前に表示するようにします。</li><li><strong>プログラムID</strong> - 特定のプログラムの統計を表示するには、そのプログラムIDを選択します。IDが指定されていない場合は、現在のプログラムのコンテキストから統計を表示するように既定設定されます。</li><li><strong>統計のフォントサイズ</strong> （マイクロサイトのみ）- 統計値テキストのサイズをピクセルで設定します。</li><li><strong>統計のフォントウェイト</strong> （マイクロサイトのみ）- 統計値テキストの太さを選択します。</li><li><strong>統計テキストの色</strong> （マイクロサイトのみ）- 統計値テキストの色を設定します。色を設定するには16進数のカラーコードを入力してください。</li></ul> |

</details>

<details>

<summary>ギフトカード報酬</summary>

ギフトカード報酬の残高を表示します。このユーザー統計タイプを使用すると、アドボケイトが獲得した報酬を認識し、利用するよう促すことができます。

| ユーザー統計の設定                   | 説明                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
| --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **報酬ステータス**                 | <p>現在のライフサイクル状態に基づいて表示する報酬を選択します。</p><ul><li><strong>獲得済み</strong> - ユーザーに付与されたすべての報酬。</li><li><strong>割り当て済み</strong> - ユーザーに割り当てられた報酬。</li><li><strong>利用可能</strong> - 現在ユーザーが利用できる報酬。</li><li><strong>保留中</strong> - トリガーはされたが、承認や確定待ち期間などの最終処理を待っている報酬。</li><li><strong>引き換え済み</strong> - ユーザーがすでに使用または現金化した報酬。</li><li><strong>キャンセル済み</strong> - 無効化または取り消され、もはや有効ではない報酬。</li><li><strong>期限切れ</strong> - 有効期限までに使用されず、もはや有効ではない報酬。</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                 |
| **すべてのプログラムにわたって報酬合計を計算する** | ![](/files/966a7b9c51811043ca7c1811ec6f6b9ef39fd26f) **［トグルをオン］** このユーザー統計を表示して、参加しているすべてのプログラムで蓄積した報酬の合計を表示します。 ![](/files/ff9165c3126806be1a33d221d3816f6adc58908c) **\[オフに切り替え]** この統計を使用して、現在のプログラムの報酬のみを表示します。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
| **追加設定**                    | <p>追加設定を選択します。設定の利用可否は、ウィジェットまたはマイクロサイトのどちらを作業しているかによって異なります。</p><ul><li><strong>配置</strong> - flexbox の配置を制御します。</li><li><strong>説明のフォントサイズ</strong> （マイクロサイトのみ）- 説明テキストのサイズをピクセルで設定します。フォントサイズを調整するには数値を入力してください。</li><li><strong>説明テキストの色</strong> （マイクロサイトのみ）- 説明テキストの色を設定します。色を設定するには16進数のカラーコード（例：白の場合は #FFFFFF）を入力してください。</li><li><strong>フレックス反転</strong> - <img src="/files/966a7b9c51811043ca7c1811ec6f6b9ef39fd26f" alt=""> <strong>［トグルをオン］</strong> 説明を統計値の前に表示するようにします。</li><li><strong>プログラムID</strong> - 特定のプログラムの統計を表示するには、そのプログラムIDを選択します。IDが指定されていない場合は、現在のプログラムのコンテキストから統計を表示するように既定設定されます。</li><li><strong>統計のフォントサイズ</strong> （マイクロサイトのみ）- 統計値テキストのサイズをピクセルで設定します。</li><li><strong>統計のフォントウェイト</strong> （マイクロサイトのみ）- 統計値テキストの太さを選択します。</li><li><strong>統計テキストの色</strong> （マイクロサイトのみ）- 統計値テキストの色を設定します。色を設定するには16進数のカラーコードを入力してください。</li></ul> |

</details>

<details>

<summary>支払い残高</summary>

ユーザーの現在の現金化可能残高を表示します。このユーザー統計タイプを使用すると、支払い可能なリアルタイムの現金残高を表示することで、直接的な金銭的モチベーションを提供できます。

| ユーザー統計の設定 | 説明                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
| --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **追加設定**  | <p>追加設定を選択します。設定の利用可否は、ウィジェットまたはマイクロサイトのどちらを作業しているかによって異なります。</p><ul><li><strong>配置</strong> - flexbox の配置を制御します。</li><li><strong>説明のフォントサイズ</strong> （マイクロサイトのみ）- 説明テキストのサイズをピクセルで設定します。フォントサイズを調整するには数値を入力してください。</li><li><strong>説明テキストの色</strong> （マイクロサイトのみ）- 説明テキストの色を設定します。色を設定するには16進数のカラーコード（例：白の場合は #FFFFFF）を入力してください。</li><li><strong>フレックス反転</strong> - <img src="/files/966a7b9c51811043ca7c1811ec6f6b9ef39fd26f" alt=""> <strong>［トグルをオン］</strong> 説明を統計値の前に表示するようにします。</li><li><strong>プログラムID</strong> - 特定のプログラムの統計を表示するには、そのプログラムIDを選択します。IDが指定されていない場合は、現在のプログラムのコンテキストから統計を表示するように既定設定されます。</li><li><strong>統計のフォントサイズ</strong> （マイクロサイトのみ）- 統計値テキストのサイズをピクセルで設定します。</li><li><strong>統計のフォントウェイト</strong> （マイクロサイトのみ）- 統計値テキストの太さを選択します。</li><li><strong>統計テキストの色</strong> （マイクロサイトのみ）- 統計値テキストの色を設定します。色を設定するには16進数のカラーコードを入力してください。</li></ul> |

</details>

<details>

<summary>カスタム</summary>

カスタム定義の統計を可能にします。このユーザー統計タイプを使用すると、特定機能の有効化やイベント登録数の追跡など、標準ではない指標を表示できます。

| ユーザー統計の設定 | 説明                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
| --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **パス**    | <p>表示したいカスタム統計を指す、特定のデータパスを入力してください。このパスによって、コンポーネントはユーザーのデータオブジェクト内のデータポイントの正確な場所を参照します。<br>例： <code>/programGoals/count/\[goalId]</code>, <code>/customFields/\[customFieldKey]</code></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| **追加設定**  | <p>追加設定を選択します。設定の利用可否は、ウィジェットまたはマイクロサイトのどちらを作業しているかによって異なります。</p><ul><li><strong>配置</strong> - flexbox の配置を制御します。</li><li><strong>説明のフォントサイズ</strong> （マイクロサイトのみ）- 説明テキストのサイズをピクセルで設定します。フォントサイズを調整するには数値を入力してください。</li><li><strong>説明テキストの色</strong> （マイクロサイトのみ）- 説明テキストの色を設定します。色を設定するには16進数のカラーコード（例：白の場合は #FFFFFF）を入力してください。</li><li><strong>フレックス反転</strong> - <img src="/files/966a7b9c51811043ca7c1811ec6f6b9ef39fd26f" alt=""> <strong>［トグルをオン］</strong> 説明を統計値の前に表示するようにします。</li><li><strong>プログラムID</strong> - 特定のプログラムの統計を表示するには、そのプログラムIDを選択します。IDが指定されていない場合は、現在のプログラムのコンテキストから統計を表示するように既定設定されます。</li><li><strong>統計のフォントサイズ</strong> （マイクロサイトのみ）- 統計値テキストのサイズをピクセルで設定します。</li><li><strong>統計のフォントウェイト</strong> （マイクロサイトのみ）- 統計値テキストの太さを選択します。</li><li><strong>統計テキストの色</strong> （マイクロサイトのみ）- 統計値テキストの色を設定します。色を設定するには16進数のカラーコードを入力してください。</li></ul> |

</details>

#### **3つの統計コンポーネントを含むコンテナー**

このコンポーネントは、3つの統計（*ポイント残高*, *獲得済みギフトカード*、および *紹介数*）を含むコンテナーを表示します。必要に応じてカスタマイズできます。表示される統計を編集するには、それらを選択し、上記の関連する展開項目を参照してください。

<details>

<summary>ユーザー統計の設定</summary>

| ユーザー統計の設定                | 説明                                                                                               |
| ------------------------ | ------------------------------------------------------------------------------------------------ |
| **表示** （ウィジェットのみ）        | 統計コンテナーをグリッドで表示するか、フレックスレイアウトで表示するかを選択します。                                                       |
| **配置** （マイクロサイトのみ）       | flexbox の配置を設定します。                                                                               |
| **間隔** （マイクロサイトのみ）       | 各個別の統計コンポーネント内のスペース量を調整します。                                                                      |
| **ボーダーを非表示** （マイクロサイトのみ） | ![](/files/966a7b9c51811043ca7c1811ec6f6b9ef39fd26f) **［トグルをオン］** にすると、コンテナー内の統計を区切る境界線を非表示にします。 |
| **統計間のスペース**             | 各統計コンポーネント間のスペース量を調整します。統計が密集して見えすぎるのを防ぐのに役立ちます。                                                 |

</details>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.impact.com/brand/ja/nitsuitebitaidesuka/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-statistics-explained.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.