# 设置排行榜

排行榜将您的项目参与者与其他人并列排名，以激励他们完成项目目标并鼓励争夺最高名次。您可以将排行榜添加到已验证访问的小部件或微型网站，并像其他组件一样对其进行自定义。

排行榜可以以多种方式配置，以最佳契合您项目的目标。有关不同选项的更多信息，请参阅 [排行榜说明](https://help.impact.com/brand/zh/advocate-program/manage-advocate-participant-experiences/leaderboards-explained).

{% hint style="warning" %}
此功能仅对特定的 impact.com 版本或附加组件开放。 [联系我们](https://app.impact.com/support/portal.ihtml?createTicket=true&) 以升级您的帐户并获得访问权限！
{% endhint %}

{% stepper %}
{% step %}

#### 步骤 1：启用排行榜&#x20;

在您开始设置排行榜之前，请联系您的项目策略经理 (PSM) 或创建一个 [支持工单](mailto:advocate-support@impact.com) 以为您的项目启用排行榜功能。
{% endstep %}

{% step %}

#### **步骤 2：将排行榜添加到小部件或微型网站**

1. 通过选择以下内容，导航到您的小部件或微型网站 ![](https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → 内容 → 编辑小部件** 或 **编辑内容**.
   * 如果您尚未设置小部件或微型网站，则需要先进行设置。

     <div data-with-frame="true"><figure><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-6c8ac36b6c9c61e75e4b89d96973ba51ee0ac176%2F7b467ae9abd22f247d5b311d619595cb90f745d33d02a4aab734cbdc408e79c4.jpg?alt=media" alt=""><figcaption></figcaption></figure></div>
2. 选择要编辑的小部件或微型网站页面。
   * 了解如何 [编辑小部件内容](https://help.impact.com/brand/zh/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets) 或 [编辑微型网站页面](https://help.impact.com/brand/zh/advocate-program/manage-advocate-participant-experiences/microsite-experiences/customize-microsite-layouts-and-pages).
3. 在右侧边栏菜单中，展开 **排行榜** 组件。
   * 如果您未看到 *排行榜* 组件，您需要先安装 Mint Components 包：
     * **为小部件安装 Mint Components**
       1. 从左侧边栏菜单中，选择 **包 → 添加包**.
          1. 在 *Mint Components* 卡上，选择 **添加**.
          2. 现在您应该能够在右侧边栏菜单中展开 **排行榜** 组件。
     * **为微型网站安装 Mint Components**
       1. 返回到 *内容* 屏幕，通过选择 **→ \[Engage] 内容** 在左侧导航栏或顶部菜单中。
       2. 在 *微型网站* 卡上，选择 **编辑设置**.
       3. 向下滚动直到看到 *包* 字段，然后选择 **添加包**.
       4. 在 *Mint Components* 卡上，选择 **添加**.
       5. 选择 **保存配置** 并返回到编辑器。
4. 选择一种 **排行榜**.
   * 有关每种可用排行榜的说明，请参阅 [排行榜说明](https://help.impact.com/brand/zh/advocate-program/leaderboards-explained#leaderboard-types-0-0).
5. 选择蓝色 **添加到** 画布中您希望组件出现的位置的按钮。

<figure><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-151da7252635321ed7dd6136642001c6caf3115f%2F4f090a0bab9f37c07061d538d534cf389cd8492e6adcc3b660fdf2f2bcef4a35.png?alt=media" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### **步骤 3：自定义排行榜**

{% tabs %}
{% tab title="编辑" %}

1. 在画布上，选择您要编辑的排行榜组件。
2. 使用右侧边栏菜单的 **编辑** 选项卡中的选项来更改排行榜属性。
   * 如果您想在文本组件中插入链接，可通过选择 ![](https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-63c2caf34c8c42984b458d40b5ac087e03360307%2Fc5fc23a16175bc8c8603fda06785d3d10c8d687bb14c7c6f1424d705c272963e.svg?alt=media) **【代码视图】** 并编辑小部件或微型网站的 HTML 来实现。
3. 选择 **保存草稿** 完成后，

**编辑字段参考**

| 设置           | 说明                                                                                                                                                                                                                                                                                             |
| ------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 未知用户文本       | 输入没有名称的用户的默认显示名称，例如： *匿名用户*.                                                                                                                                                                                                                                                                   |
| 隐藏查看用户       | 切换开启以在查看参与者未位列显示的顶部名次时隐藏其所在行。                                                                                                                                                                                                                                                                  |
| 排行榜时间区间      | 输入您希望查看排行榜结果的开始和结束日期，格式为 `mm/dd/yyyy`.                                                                                                                                                                                                                                                         |
| 排行榜类型        | 选择您想使用的计分系统。有关可用计分系统的更多信息，请参阅 [排行榜说明](https://help.impact.com/brand/zh/advocate-program/manage-advocate-participant-experiences/leaderboards-explained).                                                                                                                                       |
| 最大行数         | 输入在排行榜上显示的最大行数。                                                                                                                                                                                                                                                                                |
| 计划           | 选择一个项目，以将排行榜结果限制为该项目中的参与者。要查看跨所有项目的全局结果，请不要选择任何项目。                                                                                                                                                                                                                                             |
| 排名类型         | 有关可用排名系统类型的更多信息，请参阅 [排行榜说明](https://help.impact.com/brand/zh/advocate-program/manage-advocate-participant-experiences/leaderboards-explained).                                                                                                                                                 |
| 排名列标题        | 输入您希望为“ *排名* 列。                                                                                                                                                                                                                                                                                |
| 显示排行榜排名      | ![](https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d0b6669ae76a7bef06a8d6940d7ad5c16bb8d018%2F7cb018d4face8d7cceb880eb5086c812e764fbcfe6f2a0377f88bc7576973070.svg?alt=media) **【切换开启】** 如果您希望排行榜显示“ *排名* 列。 |
| 统计列标题        | 输入您希望为包含参与者分数的列显示的列名。                                                                                                                                                                                                                                                                          |
| 用户列标题        | 输入您希望为包含参与者姓名的列显示的列名。                                                                                                                                                                                                                                                                          |
| {% endtab %} |                                                                                                                                                                                                                                                                                                |

{% tab title="移动" %}

1. 在画布上，选择您想要移动的组件。
2. 选择 ![](https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-9e2a26b918e7394cf67e8a26e3713e081b203ac9%2F15d049b0c04d1c54c39dbbb5a7cd2ba64d86f1f99220111674e768744ea7ceb9.svg?alt=media) **\[移动]**.
   * 某些组件无法移动。只有当画布上存在组件可以重新定位到的另一个有效位置时， ![](https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-9e2a26b918e7394cf67e8a26e3713e081b203ac9%2F15d049b0c04d1c54c39dbbb5a7cd2ba64d86f1f99220111674e768744ea7ceb9.svg?alt=media) **\[移动]** 选项才会出现。
3. 选择蓝色 **移动到** 按钮到您希望组件去的位置。
4. 选择 **保存**.
   {% endtab %}

{% tab title="删除" %}

1. 在画布上，选择您想要移除的组件。
2. 选择 ![](https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c5ab8423372b2c345ded634b7aa4cab16c87fe3a%2Fd17a259fe817ff10ea9fd87140a89bd62ece6fa9940e05902574dcf95bed5960.svg?alt=media) **\[移除]**.
3. 选择 **保存**.
   {% endtab %}
   {% endtabs %}
   {% endstep %}
   {% endstepper %}
