> 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/set-up-a-leaderboard.md).

# リーダーボードを設定する

リーダーボードは、プログラム参加者を他の参加者とともに順位付けし、プログラム目標の達成を促すとともに、上位を競う意欲を高めます。リーダーボードは、認証済みアクセスウィジェットまたはマイクロサイトに追加でき、他のコンポーネントと同様にカスタマイズできます。

リーダーボードは、プログラムの目標に最適に合うよう、さまざまな方法で設定できます。各種オプションの詳細については、以下を参照してください。 [リーダーボードの説明](/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/leaderboards-explained.md).

{% hint style="warning" %}
この機能は、特定の impact.com エディションまたはアドオンでのみ利用できます。 [お問い合わせ](https://app.impact.com/support/portal.ihtml?createTicket=true&) アカウントをアップグレードしてアクセス権を取得してください。
{% endhint %}

{% stepper %}
{% step %}
**ステップ1：リーダーボードを有効にする**

リーダーボードの設定を開始する前に、プログラム戦略マネージャー（PSM）に連絡するか、以下を作成してください。 [サポートチケット](mailto:advocate-support@impact.com) プログラムでリーダーボード機能を有効にするには、こちらをご利用ください。
{% endstep %}

{% step %}
**ステップ2：ウィジェットまたはマイクロサイトにリーダーボードを追加する**

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] → コンテンツ → ウィジェットを編集** または **コンテンツを編集**.
   * まだウィジェットまたはマイクロサイトを設定していない場合は、先に設定する必要があります。

     <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%2FvbZxfC4IoKEUzksFMMpP%2FScreenshot%202026-05-19%20at%2009.40.45.png?alt=media&amp;token=a9d78fa1-417e-4f8e-b517-5eeb441cd41c" alt=""><figcaption></figcaption></figure></div>
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. 右側のサイドバーメニューから、以下を展開します。 **リーダーボード** コンポーネント。
   * 以下が表示されない場合は、 *リーダーボード* コンポーネントを表示するには、まず Mint Components パッケージをインストールする必要があります。
     * **ウィジェット用の Mint Components をインストールする**
       1. 左側のサイドバーメニューから、以下を選択します。 **パッケージ → パッケージを追加**.
          1. 以下の *Mint Components* カードで、以下を選択します。 **追加**.
          2. これで、右側のサイドバーメニューで以下を展開できるようになります。 **リーダーボード** コンポーネント。
     * **マイクロサイト用の Mint Components をインストールする**
       1. 以下に戻ります。 *コンテンツ* 画面に戻るには、以下を選択します。 **→ \[Engage] コンテンツ** 左側のナビゲーションバーまたは上部メニューで選択します。
       2. 以下の *マイクロサイト* カードで、以下を選択します。 **設定を編集**.
       3. 以下が表示されるまでスクロールします。 *パッケージ* フィールドで、以下を選択します。 **パッケージを追加**.
       4. 以下の *Mint Components* カードで、以下を選択します。 **追加**.
       5. 選択 **設定を保存** を選択してエディターに戻ります。
4. 以下のタイプを選択します。 **リーダーボード**.
   * 利用可能な各リーダーボードの説明については、以下を参照してください。 [リーダーボードの説明](/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/leaderboards-explained.md#leaderboard-types-0-0).
5. 青色の以下を選択します。 **追加先** コンポーネントを表示するキャンバス上のボタン。

<figure><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FaXBEZtX1RjI2nfInBYFp%2FScreenshot%202026-05-19%20at%2009.44.33.png?alt=media&amp;token=4c43c5dd-8f20-4221-9971-1199cb9e2129" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
**ステップ3：リーダーボードをカスタマイズする**

{% tabs %}
{% tab title="編集" %}

1. キャンバス上で、編集するリーダーボードコンポーネントを選択します。
2. 以下のオプションを使用して、 **編集** 右側のサイドバーメニューのタブでリーダーボードのプロパティを変更します。
   * テキストコンポーネントにリンクを挿入する場合は、以下を選択して行えます。 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-63c2caf34c8c42984b458d40b5ac087e03360307%2Fc5fc23a16175bc8c8603fda06785d3d10c8d687bb14c7c6f1424d705c272963e.svg?alt=media) **\[コードビュー]** を選択し、ウィジェットまたはマイクロサイトの HTML を編集します。
3. 選択 **下書きを保存** 完了したら、こちらを選択します。

**編集フィールドのリファレンス**

| 設定              | 説明                                                                                                                                                                                                                                                               |
| --------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 不明なユーザーのテキスト    | 名前がないユーザーに表示するデフォルトの表示名を入力します。例： *匿名ユーザー*.                                                                                                                                                                                                                       |
| 閲覧中のユーザーを非表示にする | オンに切り替えると、閲覧中の参加者が表示される上位順位に入っていない場合、その参加者の行を非表示にします。                                                                                                                                                                                                            |
| リーダーボードの期間      | リーダーボードの結果を表示する開始日と終了日を、次の形式で入力します。 `月/日/年`.                                                                                                                                                                                                                     |
| リーダーボードのタイプ     | 使用するスコアリングシステムを選択します。利用可能なスコアリングシステムの詳細については、以下を参照してください。 [リーダーボードの説明](/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/leaderboards-explained.md).                                                         |
| 最大行数            | リーダーボードに表示する最大行数を入力します。                                                                                                                                                                                                                                          |
| プログラム           | プログラムを選択して、リーダーボードの結果をそのプログラムの参加者に限定します。すべてのプログラムにわたる結果をグローバルに表示するには、プログラムを選択しないでください。                                                                                                                                                                           |
| 順位タイプ           | 利用可能な順位システムのタイプについて詳しくは、以下を参照してください。 [リーダーボードの説明](/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/leaderboards-explained.md).                                                                              |
| 順位列の見出し         | 以下に表示する列名を入力します。 *順位* 列。                                                                                                                                                                                                                                         |
| リーダーボードの順位を表示   | ![](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) **\[オンに切り替える]** リーダーボードに以下を表示する場合は、 *順位* 列。 |
| 統計列の見出し         | 参加者のスコアを含む列に表示する列名を入力します。                                                                                                                                                                                                                                        |
| ユーザー列の見出し       | 参加者の名前を含む列に表示する列名を入力します。                                                                                                                                                                                                                                         |
| {% endtab %}    |                                                                                                                                                                                                                                                                  |

{% tab title="移動" %}

1. キャンバス上で、移動するコンポーネントを選択します。
2. 選択 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-9e2a26b918e7394cf67e8a26e3713e081b203ac9%2F15d049b0c04d1c54c39dbbb5a7cd2ba64d86f1f99220111674e768744ea7ceb9.svg?alt=media) **\[移動]**.
   * 一部のコンポーネントは移動できません。 ![](https://1458456015-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://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fe3GCJYT1vVzaTSMmeCgp%2Ftrash-alt-solid.svg?alt=media\&token=b5b84aa2-055e-49a1-910c-4b9a88bc2c9d) **\[削除]**.
3. 選択 **保存**.
   {% endtab %}
   {% endtabs %}
   {% endstep %}
   {% endstepper %}


---

# 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 by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://help.impact.com/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/set-up-a-leaderboard.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.
