> 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] → Content**.
2. 通过选择以下内容打开内容编辑器 **编辑 Widget** 或 **编辑内容**.
   * 如需有关使用编辑器的帮助，请访问 [自定义计划小组件](/brand/zh/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets.md) 或 [自定义 Microsite 布局和页面](/brand/zh/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/customize-microsite-layouts-and-pages.md).
3. 选择你要编辑的计划 *Widget* 或 *微站点* 页面，然后从左侧滑出菜单中选择。

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

4. 从右侧菜单中，选择 **添加** → **统计数据** 并选择以下之一 *统计* 组。
   * 若要编辑现有统计数据，请在画布上选择该统计数据，然后继续执行下面的第 6 步。
   * 要了解有关可用统计组件的更多信息，请参阅 [Widget 与 Microsite 组件说明](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、积分和折扣奖励</summary>

* **Fueltank 奖励** - 显示 Fueltank 计划专属奖励。
* **积分奖励** - 显示以积分发放的奖励余额。
* **折扣奖励** - 显示可用的折扣类奖励。

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

| 用户统计设置           | 说明                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
| ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **类型 - 奖励单位**    | <p>选择所选奖励类型的单位或货币。</p><p>示例包括百分比（%）、各种货币如 Credit - CAD 或 Cash - USD，甚至像 Tshirt - TSHIRT 这样的自定义单位。</p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| **总计**           | <p>选择统计的计算和显示方式。你可以选择显示总值（求和）或奖励总数量（数字），并按其当前状态筛选。</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>

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

| 用户统计设置   | 说明                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
| -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **路径**   | <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> （仅限微站点）- 设置描述文本的颜色。输入十六进制颜色代码（例如，白色为 #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:

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

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

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