> 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).

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

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

{% 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 に進みます。
   * 利用可能な統計コンポーネントの詳細については、 [ウィジェットとマイクロサイトのコンポーネント解説](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. コンポーネントを選択してキャンバスに配置すると、右側に統計ビルダーが表示されます。この右側パネルでは、さらにコンポーネントをカスタマイズするための多くの編集オプションを利用できます。以下の *統計リファレンス* 以下に従って設定してください。

### 統計リファレンス

次のセクションでは、以下に表示される可能性のあるすべての設定を扱います。 *編集* タブ。

#### **Points Balance、GiftCards Earned、Referrals、その他の統計コンポーネント**

以下の設定は、 *種類* ドロップダウンメニューで選択したユーザー統計に基づいてグループ化されています。

<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>  - フレックスボックスの配置を制御します。</li><li><strong>説明テキストのフォントサイズ</strong> （マイクロサイトのみ） - 説明テキストのサイズをピクセル単位で設定します。フォントサイズを調整するには数値を入力してください。</li><li><strong>説明テキストの色</strong> （マイクロサイトのみ） - 説明テキストの色を設定します。色を設定するには 16 進数のカラーコード（例：白は #FFFFFF）を入力してください。</li><li><strong>フレックス逆順</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>  - フレックスボックスの配置を制御します。</li><li><strong>説明テキストのフォントサイズ</strong> （マイクロサイトのみ） - 説明テキストのサイズをピクセル単位で設定します。フォントサイズを調整するには数値を入力してください。</li><li><strong>説明テキストの色</strong> （マイクロサイトのみ） - 説明テキストの色を設定します。色を設定するには 16 進数のカラーコード（例：白は #FFFFFF）を入力してください。</li><li><strong>フレックス逆順</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>  - フレックスボックスの配置を制御します。</li><li><strong>説明テキストのフォントサイズ</strong> （マイクロサイトのみ） - 説明テキストのサイズをピクセル単位で設定します。フォントサイズを調整するには数値を入力してください。</li><li><strong>説明テキストの色</strong> （マイクロサイトのみ） - 説明テキストの色を設定します。色を設定するには 16 進数のカラーコード（例：白は #FFFFFF）を入力してください。</li><li><strong>フレックス逆順</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>  - フレックスボックスの配置を制御します。</li><li><strong>説明テキストのフォントサイズ</strong> （マイクロサイトのみ） - 説明テキストのサイズをピクセル単位で設定します。フォントサイズを調整するには数値を入力してください。</li><li><strong>説明テキストの色</strong> （マイクロサイトのみ） - 説明テキストの色を設定します。色を設定するには 16 進数のカラーコード（例：白は #FFFFFF）を入力してください。</li><li><strong>フレックス逆順</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> （マイクロサイトのみ） - 説明テキストの色を設定します。色を設定するには 16 進数のカラーコード（例：白は #FFFFFF）を入力してください。</li><li><strong>フレックス逆順</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>  - フレックスボックスの配置を制御します。</li><li><strong>説明テキストのフォントサイズ</strong> （マイクロサイトのみ） - 説明テキストのサイズをピクセル単位で設定します。フォントサイズを調整するには数値を入力してください。</li><li><strong>説明テキストの色</strong> （マイクロサイトのみ） - 説明テキストの色を設定します。色を設定するには 16 進数のカラーコード（例：白は #FFFFFF）を入力してください。</li><li><strong>フレックス逆順</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>

| ユーザー統計設定               | 説明                                                                                                                                                                                                                                                            |
| ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **表示** （ウィジェットのみ）      | 統計コンテナをグリッド表示にするか、フレックスレイアウトにするかを選択します。                                                                                                                                                                                                                       |
| **配置** （マイクロサイトのみ）     | フレックスボックスの配置を設定します。                                                                                                                                                                                                                                           |
| **間隔** （マイクロサイトのみ）     | 各統計コンポーネント内の余白量を調整します。                                                                                                                                                                                                                                        |
| **枠線を非表示** （マイクロサイトのみ） | ![](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 dynamically by asking a question.

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

```
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=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
