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

リーダーボードは、プログラム参加者を他の参加者と並べてランキング表示し、プログラム目標の達成を促進し、上位ランクを競う動機付けを行います。リーダーボードは、検証済みアクセスウィジェットまたはマイクロサイトに追加でき、他のコンポーネントと同様にカスタマイズできます。

リーダーボードは、プログラムの目的に最適な形でさまざまな方法で構成できます。異なるオプションの詳細については、次を参照してください： [リーダーボードの説明](https://help.impact.com/brand/ja/nitsuitebitaidesuka/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://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → Content → Edit widgets** または **コンテンツを編集**.
   * まだウィジェットやマイクロサイトを設定していない場合は、まずそれを行う必要があります。

     <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%2Fgit-blob-6c8ac36b6c9c61e75e4b89d96973ba51ee0ac176%2F7b467ae9abd22f247d5b311d619595cb90f745d33d02a4aab734cbdc408e79c4.jpg?alt=media" alt=""><figcaption></figcaption></figure></div>
2. 編集したいウィジェットまたはマイクロサイトのページを選択します。
   * 次を参照して方法を学ぶ： [ウィジェットのコンテンツを編集する](https://help.impact.com/brand/ja/nitsuitebitaidesuka/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets) または [マイクロサイトのページを編集する](https://help.impact.com/brand/ja/nitsuitebitaidesuka/advocate-program/manage-advocate-participant-experiences/microsite-experiences/customize-microsite-layouts-and-pages).
3. 右側のサイドバーメニューから、次を展開します： **Leaderboard** コンポーネント。
   * もし *Leaderboard* コンポーネントが表示されない場合は、まず Mint Components パッケージをインストールする必要があります：
     * **ウィジェット用の Mint Components をインストールする**
       1. 左側のサイドバーメニューから、次を選択します： **Packages → Add package**.
          1. 次のカードで、 *Mint Components* を選択し、 **Add**.
          2. を選択します。 **Leaderboard** これで右側のサイドバーメニューで
     * **コンポーネントを展開できるようになっているはずです。**
       1. マイクロサイト用の Mint Components をインストールする *コンテンツ* 左側のナビゲーションバーまたは上部メニューで次を選択して、画面に戻ります： **→ \[Engage] Content** Microsite
       2. 次のカードで、 *マイクロサイト* を選択し、 **設定を編集**.
       3. スクロールして次のフィールドが表示されるまで移動し、 *Packages* フィールドが見えたら、次を選択します： **Add package**.
       4. 次のカードで、 *Mint Components* を選択し、 **Add**.
       5. を選択します **設定を保存** してエディタに戻ります。
4. タイプを選択： **Leaderboard**.
   * 利用可能な各リーダーボードの説明については、次を参照してください： [リーダーボードの説明](https://help.impact.com/brand/ja/nitsuitebitaidesuka/advocate-program/leaderboards-explained#leaderboard-types-0-0).
5. 青い **Add to** ボタンを、コンポーネントを表示したいキャンバス上の場所で選択します。

<figure><img src="https://1458456015-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. 右側のサイドバーメニューの **編集** タブにあるオプションを使用して、リーダーボードのプロパティを変更します。
   * テキストコンポーネントにリンクを挿入する場合は、次を選択してウィジェットまたはマイクロサイトの HTML を編集できます： ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-63c2caf34c8c42984b458d40b5ac087e03360307%2Fc5fc23a16175bc8c8603fda06785d3d10c8d687bb14c7c6f1424d705c272963e.svg?alt=media) **\[Code view]** そしてウィジェットまたはマイクロサイトの HTML を編集します。
3. を選択します **下書きを保存** 作業が終わったら、を選択します。

**編集フィールド参照**

| 設定            | 説明                                                                                                                                                                                                                                                                                                        |
| ------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 不明なユーザーのテキスト  | 名前のないユーザーのデフォルト表示名を入力します。例： *匿名ユーザー*.                                                                                                                                                                                                                                                                     |
| 閲覧中のユーザーを非表示  | 表示されている上位ランクに含まれていない場合に、閲覧している参加者の行を非表示にするにはオンにします。                                                                                                                                                                                                                                                       |
| リーダーボードの時間間隔  | リーダーボードの結果を表示したい開始日と終了日を次の形式で入力します： `mm/dd/yyyy`.                                                                                                                                                                                                                                                         |
| リーダーボードのタイプ   | 使用したいスコアリングシステムを選択します。利用可能なスコアリングシステムの詳細については、次を参照してください： [リーダーボードの説明](https://help.impact.com/brand/ja/nitsuitebitaidesuka/advocate-program/manage-advocate-participant-experiences/leaderboards-explained).                                                                                             |
| 最大行数          | リーダーボードに表示する最大行数を入力します。                                                                                                                                                                                                                                                                                   |
| プログラム         | リーダーボードの結果をそのプログラムの参加者に限定するにはプログラムを選択します。すべてのプログラムにわたるグローバルな結果を表示するには、プログラムを選択しないでください。                                                                                                                                                                                                                   |
| ランクの種類        | 利用可能なランク付けシステムの種類の詳細については、次を参照してください： [リーダーボードの説明](https://help.impact.com/brand/ja/nitsuitebitaidesuka/advocate-program/manage-advocate-participant-experiences/leaderboards-explained).                                                                                                                 |
| ランク列の見出し      | 表示したい列名を次に入力します： *Rank* 列。                                                                                                                                                                                                                                                                                |
| リーダーボードの順位を表示 | ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d0b6669ae76a7bef06a8d6940d7ad5c16bb8d018%2F7cb018d4face8d7cceb880eb5086c812e764fbcfe6f2a0377f88bc7576973070.svg?alt=media) **\[トグルオン]** リーダーボードに次を表示したい場合： *Rank* 列。 |
| 統計列の見出し       | 参加者のスコアを含む列に表示する列名を入力します。                                                                                                                                                                                                                                                                                 |
| ユーザー列の見出し     | 参加者名を含む列に表示する列名を入力します。                                                                                                                                                                                                                                                                                    |
| {% 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) **\[Move]**.
   * 一部のコンポーネントは移動できません。キャンバス上にコンポーネントを移動できる別の有効な場所がある場合にのみ、 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-9e2a26b918e7394cf67e8a26e3713e081b203ac9%2F15d049b0c04d1c54c39dbbb5a7cd2ba64d86f1f99220111674e768744ea7ceb9.svg?alt=media) **\[Move]** オプションが表示されます。
3. 青い **に移動** コンポーネントを移動したい場所のボタンを選択します。
4. を選択します **保存**.
   {% endtab %}

{% tab title="削除" %}

1. キャンバス上で削除したいコンポーネントを選択します。
2. を選択します ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c5ab8423372b2c345ded634b7aa4cab16c87fe3a%2Fd17a259fe817ff10ea9fd87140a89bd62ece6fa9940e05902574dcf95bed5960.svg?alt=media) **\[Remove]**.
3. を選択します **保存**.
   {% endtab %}
   {% endtabs %}
   {% endstep %}
   {% endstepper %}
