> 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. 从左侧导航菜单中，选择  **\[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. 选择 *小组件* 或 *微站点* 要从左侧滑出面板中编辑的页面。
计划 ID - 选择一个计划 ID 以显示该特定计划的统计数据。如果未指定 ID，则默认显示当前计划上下文中的统计数据。
统计字体大小 （仅微站）- 以像素为单位设置统计值文本的大小。
统计字体粗细 （仅微站）- 选择统计值文本的字重。
统计文本颜色 （仅微站）- 设置统计值文本的颜色。输入十六进制颜色代码即可设置颜色。
|
#### **包含三个统计项的容器组件**
此组件显示一个包含三个统计项的容器（*积分余额*, *已获得礼品卡*，以及 *推荐*），可根据需要进行自定义。要编辑显示的统计项，请先选中它们，然后参考上方相关的可展开选项。
用户统计设置
| 用户统计设置 | 说明 |
| -------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **显示** （仅小组件） | 选择将统计容器显示为网格还是 flex 布局。 |
| **对齐** （仅微站） | 设置 flexbox 的对齐方式。 |
| **间距** （仅微站） | 调整每个单独统计组件内部的空间大小。 |
| **隐藏边框** （仅微站） |  **\[开启切换]** 以隐藏容器内各统计项之间的分隔边框线。 |
| **统计项之间的间距** | 调整每个统计组件之间的空间大小。这有助于防止统计项看起来过于拥挤。 |
---
# 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=&goal=
```
`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.
\[开启切换] 以使描述显示在统计值之前。