> 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/zh/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-statistics-explained.md).

# 组件与微型站统计说明

经过验证的访问小部件和微网站可设置为向参与者展示其推荐、奖励和计划统计数据。此功能可让你让参与者随时了解他们已取得的成果以及下一步可以努力达成的目标。

{% hint style="warning" %}
**受限**: 除了所提供模板中的组件外，其他组件仅适用于某些产品版本或附加功能。如果你希望更精细地控制小部件和微网站使用的组件，请联系我们以升级你的计划。
{% endhint %}

### 调整显示给参与者的统计数据

默认情况下，我们的模板会向参与者展示一些常见的高级统计数据。要向参与者显示更多你计划中的自定义统计数据：

1. 从左侧导航菜单中，选择 ![](/files/209022bdb234289211a24a980f6227a8684cc439) **\[Engage] → 内容**.
2. 通过选择以下项打开内容编辑器 **编辑小部件** 或 **编辑内容**.
   * 如需了解如何使用编辑器，请访问 [自定义项目小组件](/brand/zh/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets.md) 或 [自定义微型网站布局和页面](/brand/zh/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/customize-microsite-layouts-and-pages.md).
3. 选择你要编辑的计划 *小组件* 或 *Microsite* 页面（从左侧滑出面板中）。

<div data-with-frame="true"><figure><img src="/files/f2266fcad9e3851dc80be3f9adb1affc87f6b0d3" 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> - 控制弹性布局的对齐方式。</li><li><strong>描述字体大小</strong> （仅微网站）- 以像素为单位设置描述文字的大小。输入数字以调整字体大小。</li><li><strong>描述文字颜色</strong> （仅微网站）- 设置描述文字的颜色。输入十六进制颜色代码（例如，白色为 #FFFFFF）来设置颜色。</li><li><strong>反向弹性</strong> - <img src="/files/3980f01ba7b178cc917bfb7b270feb4fac2992c6" alt=""> <strong>\[切换为开启]</strong> 使描述显示在统计值之前。</li><li><strong>项目 ID</strong> - 选择一个计划 ID 来显示该特定计划的统计数据。如果未指定 ID，默认显示当前计划上下文中的统计数据。</li><li><strong>统计字体大小</strong> （仅微网站）- 以像素为单位设置统计值文本的大小。</li><li><strong>统计字重</strong> （仅微网站）- 选择统计值文本的字重。</li><li><strong>统计文字颜色</strong> （仅微网站）- 设置统计值文本的颜色。输入十六进制颜色代码来设置颜色。</li></ul> |

</details>

<details>

<summary>所有奖励</summary>

显示用户拥有的所有奖励类型。你可以使用此用户统计类型，通过突出显示他们在计划中所有奖励中累计获得的总价值，来培养倡导者的长期忠诚度。

| 用户统计设置           | 说明                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **时间范围**         | <p>使用下拉菜单将推荐数据限定到特定时间段。</p><ul><li><strong>全部时间</strong> - 使用整个计划历史中的数据计算该统计值。</li><li><strong>本月</strong> - 将计算范围限制为仅包含当前日历月的数据。</li><li><strong>本周</strong> - 将计算范围限制为仅包含当前日历周的数据。</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
| **计算跨所有计划的奖励总额** | ![](/files/3980f01ba7b178cc917bfb7b270feb4fac2992c6) **\[切换为开启]** 此用户统计用于显示他们在所加入的所有计划中累计获得的奖励总额。 ![](/files/c2dcdffe00f000bd34f794287e3006cfa55e8ce8) **\[关闭]** 此统计仅显示当前计划中的奖励。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| **其他设置**         | <p>选择其他设置。设置可用性取决于你是在编辑小部件还是微网站。</p><ul><li><strong>对齐</strong> - 控制弹性布局的对齐方式。</li><li><strong>描述字体大小</strong> （仅微网站）- 以像素为单位设置描述文字的大小。输入数字以调整字体大小。</li><li><strong>描述文字颜色</strong> （仅微网站）- 设置描述文字的颜色。输入十六进制颜色代码（例如，白色为 #FFFFFF）来设置颜色。</li><li><strong>反向弹性</strong> - <img src="/files/3980f01ba7b178cc917bfb7b270feb4fac2992c6" alt=""> <strong>\[切换为开启]</strong> 使描述显示在统计值之前。</li><li><strong>项目 ID</strong> - 选择一个计划 ID 来显示该特定计划的统计数据。如果未指定 ID，默认显示当前计划上下文中的统计数据。</li><li><strong>统计字体大小</strong> （仅微网站）- 以像素为单位设置统计值文本的大小。</li><li><strong>统计字重</strong> （仅微网站）- 选择统计值文本的字重。</li><li><strong>统计文字颜色</strong> （仅微网站）- 设置统计值文本的颜色。输入十六进制颜色代码来设置颜色。</li></ul> |

</details>

<details>

<summary>Fueltank、Credit 和 Discount 奖励</summary>

* **Fueltank 奖励** - 显示 Fueltank 计划特有的奖励。
* **Credit 奖励** - 显示以积分形式发放的奖励余额。
* **Discount 奖励** - 显示可用的基于折扣的奖励。

你可以使用这些用户统计类型来鼓励倡导者使用他们获得的奖励。

| 用户统计设置           | 说明                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **类型 - 奖励单位**    | <p>为所选奖励类型选择单位或货币。</p><p>示例包括百分比（%）、各种货币如 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/3980f01ba7b178cc917bfb7b270feb4fac2992c6) **\[切换为开启]** 此用户统计用于显示他们在所加入的所有计划中累计获得的奖励总额。 ![](/files/c2dcdffe00f000bd34f794287e3006cfa55e8ce8) **\[关闭]** 此统计仅显示当前计划中的奖励。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| **其他设置**         | <p>选择其他设置。设置可用性取决于你是在编辑小部件还是微网站。</p><ul><li><strong>对齐</strong> - 控制弹性布局的对齐方式。</li><li><strong>描述字体大小</strong> （仅微网站）- 以像素为单位设置描述文字的大小。输入数字以调整字体大小。</li><li><strong>描述文字颜色</strong> （仅微网站）- 设置描述文字的颜色。输入十六进制颜色代码（例如，白色为 #FFFFFF）来设置颜色。</li><li><strong>反向弹性</strong> - <img src="/files/3980f01ba7b178cc917bfb7b270feb4fac2992c6" alt=""> <strong>\[切换为开启]</strong> 使描述显示在统计值之前。</li><li><strong>项目 ID</strong> - 选择一个计划 ID 来显示该特定计划的统计数据。如果未指定 ID，默认显示当前计划上下文中的统计数据。</li><li><strong>统计字体大小</strong> （仅微网站）- 以像素为单位设置统计值文本的大小。</li><li><strong>统计字重</strong> （仅微网站）- 选择统计值文本的字重。</li><li><strong>统计文字颜色</strong> （仅微网站）- 设置统计值文本的颜色。输入十六进制颜色代码来设置颜色。</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/3980f01ba7b178cc917bfb7b270feb4fac2992c6) **\[切换为开启]** 此用户统计用于显示他们在所加入的所有计划中累计获得的奖励总额。 ![](/files/c2dcdffe00f000bd34f794287e3006cfa55e8ce8) **\[关闭]** 此统计仅显示当前计划中的奖励。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| **其他设置**         | <p>选择其他设置。设置可用性取决于你是在编辑小部件还是微网站。</p><ul><li><strong>对齐</strong> - 控制弹性布局的对齐方式。</li><li><strong>描述字体大小</strong> （仅微网站）- 以像素为单位设置描述文字的大小。输入数字以调整字体大小。</li><li><strong>描述文字颜色</strong> （仅微网站）- 设置描述文字的颜色。输入十六进制颜色代码（例如，白色为 #FFFFFF）来设置颜色。</li><li><strong>反向弹性</strong> - <img src="/files/3980f01ba7b178cc917bfb7b270feb4fac2992c6" alt=""> <strong>\[切换为开启]</strong> 使描述显示在统计值之前。</li><li><strong>项目 ID</strong> - 选择一个计划 ID 来显示该特定计划的统计数据。如果未指定 ID，默认显示当前计划上下文中的统计数据。</li><li><strong>统计字体大小</strong> （仅微网站）- 以像素为单位设置统计值文本的大小。</li><li><strong>统计字重</strong> （仅微网站）- 选择统计值文本的字重。</li><li><strong>统计文字颜色</strong> （仅微网站）- 设置统计值文本的颜色。输入十六进制颜色代码来设置颜色。</li></ul> |

</details>

<details>

<summary>提现余额</summary>

显示用户当前可提现余额。你可以使用此用户统计类型，通过显示倡导者实时可提现余额来提供直接的财务激励。

| 用户统计设置   | 说明                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| -------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **其他设置** | <p>选择其他设置。设置可用性取决于你是在编辑小部件还是微网站。</p><ul><li><strong>对齐</strong> - 控制弹性布局的对齐方式。</li><li><strong>描述字体大小</strong> （仅微网站）- 以像素为单位设置描述文字的大小。输入数字以调整字体大小。</li><li><strong>描述文字颜色</strong> （仅微网站）- 设置描述文字的颜色。输入十六进制颜色代码（例如，白色为 #FFFFFF）来设置颜色。</li><li><strong>反向弹性</strong> - <img src="/files/3980f01ba7b178cc917bfb7b270feb4fac2992c6" alt=""> <strong>\[切换为开启]</strong> 使描述显示在统计值之前。</li><li><strong>项目 ID</strong> - 选择一个计划 ID 来显示该特定计划的统计数据。如果未指定 ID，默认显示当前计划上下文中的统计数据。</li><li><strong>统计字体大小</strong> （仅微网站）- 以像素为单位设置统计值文本的大小。</li><li><strong>统计字重</strong> （仅微网站）- 选择统计值文本的字重。</li><li><strong>统计文字颜色</strong> （仅微网站）- 设置统计值文本的颜色。输入十六进制颜色代码来设置颜色。</li></ul> |

</details>

<details>

<summary>自定义</summary>

允许自定义定义的统计。你可以使用此用户统计类型来显示非标准指标，例如跟踪特定功能激活或活动注册。

| 用户统计设置   | 说明                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| -------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **路径**   | 输入指向你希望显示的自定义统计数据的具体数据路径。该路径会将组件指向用户数据对象中该数据点的确切位置。\n示例包括： `/programGoals/count/[goalId]`, `/customFields/[customFieldKey]`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
| **其他设置** | <p>选择其他设置。设置可用性取决于你是在编辑小部件还是微网站。</p><ul><li><strong>对齐</strong> - 控制弹性布局的对齐方式。</li><li><strong>描述字体大小</strong> （仅微网站）- 以像素为单位设置描述文字的大小。输入数字以调整字体大小。</li><li><strong>描述文字颜色</strong> （仅微网站）- 设置描述文字的颜色。输入十六进制颜色代码（例如，白色为 #FFFFFF）来设置颜色。</li><li><strong>反向弹性</strong> - <img src="/files/3980f01ba7b178cc917bfb7b270feb4fac2992c6" alt=""> <strong>\[切换为开启]</strong> 使描述显示在统计值之前。</li><li><strong>项目 ID</strong> - 选择一个计划 ID 来显示该特定计划的统计数据。如果未指定 ID，默认显示当前计划上下文中的统计数据。</li><li><strong>统计字体大小</strong> （仅微网站）- 以像素为单位设置统计值文本的大小。</li><li><strong>统计字重</strong> （仅微网站）- 选择统计值文本的字重。</li><li><strong>统计文字颜色</strong> （仅微网站）- 设置统计值文本的颜色。输入十六进制颜色代码来设置颜色。</li></ul> |

</details>

#### **包含三个统计的容器组件**

此组件显示一个包含三个统计的容器（*积分余额*, *已赚礼品卡*，以及 *推荐*），可根据你的需要进行自定义。要编辑显示的统计，请选中它们，然后参考上方相关的展开项。

<details>

<summary>用户统计设置</summary>

| 用户统计设置          | 说明                                                                                   |
| --------------- | ------------------------------------------------------------------------------------ |
| **展示** （仅小部件）   | 选择将统计容器显示为网格布局还是弹性布局。                                                                |
| **对齐** （仅微网站）   | 设置弹性布局的对齐方式。                                                                         |
| **间距** （仅微网站）   | 调整每个单独统计组件内部的空间大小。                                                                   |
| **隐藏边框** （仅微网站） | ![](/files/3980f01ba7b178cc917bfb7b270feb4fac2992c6) **\[切换为开启]** 以隐藏容器内各统计之间的分隔边框线。 |
| **统计之间的间距**     | 调整每个统计组件之间的间距大小。这有助于防止统计显示得过于拥挤。                                                     |

</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/zh/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.