> For the complete documentation index, see [llms.txt](https://help.impact.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.impact.com/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-statistics-explained.md).

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

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

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

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

当社のテンプレートでは、既定でいくつかの一般的な上位レベルの統計が参加者に表示されます。参加者にプログラム向けのよりカスタムな統計を表示するには、

1. 左側のナビゲーションメニューから、次を選択します ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → コンテンツ**.
2. コンテンツエディターを開くには、次を選択します **ウィジェットを編集** または **コンテンツを編集**.
   * エディターの使い方については、次を参照してください [プログラムウィジェットをカスタマイズ](/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets.md) または [マイクロサイトのレイアウトとページをカスタマイズ](/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/customize-microsite-layouts-and-pages.md).
3. プログラムを選択します *ウィジェット* または *マイクロサイト* 左側のスライドアウトから編集したいページ。

<div data-with-frame="true"><figure><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FM6gS1jsX5TADvUPli64d%2FScreenshot%202026-05-19%20at%2009.15.34.png?alt=media&amp;token=16e43671-3487-4c8a-8510-266f1fd2f361" alt="" width="375"><figcaption></figcaption></figure></div>

4. 右側のメニューから、次を選択します **追加** → **統計** から一つを選択し、 *統計* グループを選択します。
   * 既存の統計を編集するには、キャンバス上の統計を選択してから、下の手順6に進みます。
   * 利用可能な統計コンポーネントについて詳しくは、次を参照してください [ウィジェット＆マイクロサイトのコンポーネント解説](/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-components-explained.md#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>flex の反転</strong> - <img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FiZjM1xY8o3v1iR3Zaysd%2FToggle.svg?alt=media&amp;token=b1550d48-bba9-4e81-8604-bc12370c5caa" 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>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
| **すべてのプログラムにわたる報酬合計を計算する** | ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FiZjM1xY8o3v1iR3Zaysd%2FToggle.svg?alt=media\&token=b1550d48-bba9-4e81-8604-bc12370c5caa) **\[オンにする]** このユーザー統計を使用して、参加しているすべてのプログラムにわたって蓄積した報酬合計を表示します。 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FACIoqj1Ayhx8QzL9aqYB%2Ftoggle-off-solid%20\(1\).svg?alt=media\&token=a85366cd-4b70-41a6-83df-319f89597ede) **［オフにする］** この統計を、このプログラムの報酬のみを表示するようにします。                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| **追加設定**                   | <p>追加設定を選択します。設定の可用性は、ウィジェットで作業しているかマイクロサイトで作業しているかによって異なります。</p><ul><li><strong>配置</strong> － flexbox の配置を制御します。</li><li><strong>説明文のフォントサイズ</strong> （マイクロサイトのみ）－ 説明テキストのサイズをピクセルで設定します。数値を入力してフォントサイズを調整します。</li><li><strong>説明テキストの色</strong> （マイクロサイトのみ）－ 説明テキストの色を設定します。色を設定するには、16進カラーコード（例：白の場合は #FFFFFF）を入力します。</li><li><strong>flex の反転</strong> - <img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FiZjM1xY8o3v1iR3Zaysd%2FToggle.svg?alt=media&amp;token=b1550d48-bba9-4e81-8604-bc12370c5caa" 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>                                                                                                                                                                                                                                                                                             |
| **すべてのプログラムにわたる報酬合計を計算する** | ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FiZjM1xY8o3v1iR3Zaysd%2FToggle.svg?alt=media\&token=b1550d48-bba9-4e81-8604-bc12370c5caa) **\[オンにする]** このユーザー統計を使用して、参加しているすべてのプログラムにわたって蓄積した報酬合計を表示します。 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FACIoqj1Ayhx8QzL9aqYB%2Ftoggle-off-solid%20\(1\).svg?alt=media\&token=a85366cd-4b70-41a6-83df-319f89597ede) **［オフにする］** この統計を、このプログラムの報酬のみを表示するようにします。                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| **追加設定**                   | <p>追加設定を選択します。設定の可用性は、ウィジェットで作業しているかマイクロサイトで作業しているかによって異なります。</p><ul><li><strong>配置</strong> － flexbox の配置を制御します。</li><li><strong>説明文のフォントサイズ</strong> （マイクロサイトのみ）－ 説明テキストのサイズをピクセルで設定します。数値を入力してフォントサイズを調整します。</li><li><strong>説明テキストの色</strong> （マイクロサイトのみ）－ 説明テキストの色を設定します。色を設定するには、16進カラーコード（例：白の場合は #FFFFFF）を入力します。</li><li><strong>flex の反転</strong> - <img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FiZjM1xY8o3v1iR3Zaysd%2FToggle.svg?alt=media&amp;token=b1550d48-bba9-4e81-8604-bc12370c5caa" 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>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| **すべてのプログラムにわたる報酬合計を計算する** | ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FiZjM1xY8o3v1iR3Zaysd%2FToggle.svg?alt=media\&token=b1550d48-bba9-4e81-8604-bc12370c5caa) **\[オンにする]** このユーザー統計を使用して、参加しているすべてのプログラムにわたって蓄積した報酬合計を表示します。 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FACIoqj1Ayhx8QzL9aqYB%2Ftoggle-off-solid%20\(1\).svg?alt=media\&token=a85366cd-4b70-41a6-83df-319f89597ede) **［オフにする］** この統計を、このプログラムの報酬のみを表示するようにします。                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| **追加設定**                   | <p>追加設定を選択します。設定の可用性は、ウィジェットで作業しているかマイクロサイトで作業しているかによって異なります。</p><ul><li><strong>配置</strong> － flexbox の配置を制御します。</li><li><strong>説明文のフォントサイズ</strong> （マイクロサイトのみ）－ 説明テキストのサイズをピクセルで設定します。数値を入力してフォントサイズを調整します。</li><li><strong>説明テキストの色</strong> （マイクロサイトのみ）－ 説明テキストの色を設定します。色を設定するには、16進カラーコード（例：白の場合は #FFFFFF）を入力します。</li><li><strong>flex の反転</strong> - <img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FiZjM1xY8o3v1iR3Zaysd%2FToggle.svg?alt=media&amp;token=b1550d48-bba9-4e81-8604-bc12370c5caa" 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>flex の反転</strong> - <img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FiZjM1xY8o3v1iR3Zaysd%2FToggle.svg?alt=media&amp;token=b1550d48-bba9-4e81-8604-bc12370c5caa" 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>flex の反転</strong> - <img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FiZjM1xY8o3v1iR3Zaysd%2FToggle.svg?alt=media&amp;token=b1550d48-bba9-4e81-8604-bc12370c5caa" 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>

| ユーザー統計の設定              | 説明                                                                                                                                                                                                                                                          |
| ---------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **表示** （ウィジェットのみ）      | 統計コンテナをグリッドとして表示するか、flex レイアウトで表示するかを選択します。                                                                                                                                                                                                                 |
| **配置** （マイクロサイトのみ）     | flexbox の配置を設定します。                                                                                                                                                                                                                                          |
| **間隔** （マイクロサイトのみ）     | 各個別の統計コンポーネント内のスペース量を調整します。                                                                                                                                                                                                                                 |
| **枠線を非表示** （マイクロサイトのみ） | ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FiZjM1xY8o3v1iR3Zaysd%2FToggle.svg?alt=media\&token=b1550d48-bba9-4e81-8604-bc12370c5caa) **\[オンにする]** コンテナ内の統計同士を区切る枠線を非表示にするには |
| **統計間のスペース**           | 各統計コンポーネント間のスペース量を調整します。統計が詰まりすぎて見えるのを防ぐのに役立ちます。                                                                                                                                                                                                            |

</details>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

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

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://help.impact.com/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-statistics-explained.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.
