> 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/widget-and-microsite-components-explained.md).

# ウィジェットとマイクロサイトのコンポーネントの解説

<a href="https://pxa.impact.com/student/activity/2359603?sid=0c0e3e5c-54c9-4435-9bee-ebcdccb7f292&#x26;sid_i=0?utm_source=app.impact.com&#x26;utm_medium=owned-platform&#x26;utm_content=&#x26;utm_campaign=help-center" class="button primary">PXAコースを受講する</a>

{% hint style="success" %}
**限定**：コンポーネントは、提供されているテンプレートに含まれるものを除き、特定の製品エディションまたはアドオンでのみ利用できます。マイクロサイトで使用するコンポーネントをより細かく制御したい場合は、プログラムのアップグレードについてお問い合わせください。
{% endhint %}

コンポーネントとは、ヒーロー画像やタスクカードのような、あなたのAdvocateプログラムのウィジェットまたはマイクロサイトを構成する個々の構成要素です。これらの要素は [参加者の体験](/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/introduction-to-participant-experiences.md) を形作り、ブランドに合わせてカスタマイズできます。

この記事では、ウィジェットおよびマイクロサイトのエディターで利用可能なコンポーネントをカテゴリ別に一覧で紹介します。ほとんどのコンポーネントはスタイリングとカスタマイズに対応していますが、一部にはデザイン上の制限があります。エディター画面内でコンポーネントの状態をプレビューすることもできます。

<details>

<summary>統計</summary>

使用 *統計* コンポーネントを使って、参加者にプログラムでの進捗を知らせましょう。これらのコンポーネントが対応する統計の一覧は、以下をご覧ください。 [ウィジェットとマイクロサイトの統計](/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-statistics-explained.md).

| コンポーネント        | 説明                                                      |
| -------------- | ------------------------------------------------------- |
| ポイント残高         | 参加者のポイント残高を表示します。参加者にポイントを付与するAdvocateプログラムで使用されます。     |
| 獲得したギフトカード     | Advocateが獲得したギフトカード報酬の件数を表示します。                         |
| 紹介             | 参加者が行った紹介数を表示します。開始済みの紹介とコンバージョン済みの紹介を含みます。             |
| 3つの統計を入れるコンテナー | 3つの統計情報を表示できるテンプレートです。表示する統計は変更できます。必要に応じて統計を追加・削除できます。 |
| その他の統計         | 任意の統計を表示します。紹介に関する統計、各種報酬統計、またはカスタム統計のいずれかを選択できます。      |

<figure><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fh7SqO0ijZKN04RyBL6ma%2FScreenshot%202026-05-20%20at%2009.51.59.png?alt=media&amp;token=55e2a10a-895a-4913-a2ba-16877a196a94" alt="" width="563"><figcaption></figcaption></figure>

</details>

<details>

<summary>共通コンポーネント</summary>

*共通コンポーネント* は、ウィジェットまたはマイクロサイト全体で機能性とデザインの一貫性を高めるために広く使用されます。ヒーロー画像、レイアウトの整形、プログラム手順の説明など、汎用的な視覚要素や構造要素をカバーします。

| コンポーネント       | 説明                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
| ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 2列ヒーロー画像      | <p>2列にまたがるバナー画像とヘッダーテキストです。画像、テキスト、背景色を更新できます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-112e3e854f2ec884d09dcbf3c3a0dd91132b8065%2F0d6b6b7a5f3894b815b738a15afb7bd08e1ee77413858922235268a0119f528d.png?alt=media" alt="" data-size="original"></p>                                                                                             |
| オーバーレイ ヒーロー画像 | <p>テキストを重ねたバナー画像です。画像、テキスト、背景色を更新できます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-def9dab1f6744d99f704005955522c5cae8f7ca1%2F1c8f53dc5117ebce1719f58d4974f97d4cb9fdddaa0a6d8741277d00139a5178.png?alt=media" alt="" data-size="original"></p>                                                                                                     |
| 画像            | <p>画像です。背景色、配置、高さ、幅を変更できます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-e9f631d5fae5baef21e495c18995bcc41931ff86%2Fe0c44f0accab2819658563d03164459fb470eedf4929c402138476b2eb8afa36.png?alt=media" alt="" data-size="original"></p>                                                                                                                |
| リンクボタン        | <p>参加者を選択したリンクにリダイレクトするクリック可能なボタンです。ボタンの色は、Brand Containerレベルで設定されたブランドカラーによって制御されます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-875e756c5a4d4a79e4b62187ff8acb00da68f51d%2Fc0ebb75eb41b33f85ab7695f287a373730909122d616a7c19fd4bdd0675c8787.png?alt=media" alt="" data-size="original"></p>                                                      |
| プログラム説明       | <p>Advocateプログラムの仕組み、たとえば報酬の獲得方法などを説明するテンプレートです。デフォルトで2つのプログラム説明ステップが含まれます。必要に応じてステップを追加できます。色は、Brand Containerレベルで設定されたブランドカラーによって制御されます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ccd03061b907a18c914385b9fbdfcc1c54dfdd7e%2Fd7a265c23d586b3a6bcd9198cbee8eea2fedda9817794a468f309717081e72c0.png?alt=media" alt="" data-size="original"></p> |
| プログラム説明ステップ   | <p>プログラムの一部を説明するためのテキストを追加します。プログラム説明コンポーネント内に配置できます。色は、Brand Containerレベルで設定されたブランドカラーによって制御されます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-abf1a9d883d813187d2013fc7c8cd815639c0351%2Fba66c3ec6beb608ff42bb2cbb3757c5e98ad4e1946809fee380b0069cee8677a.png?alt=media" alt="" data-size="original"></p>                                         |
| プログラムのタイムライン  | <p>参加者向けに、紹介の流れと報酬の概要を表示します。必要に応じてタイムライン項目を追加または削除できます。各項目間の円アイコンと線の色は、Brand Containerレベルで設定されたブランドカラーによって制御されます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ad4d74aab6ba3e437ed0b5c2ba350e95e584491c%2Fecfa298fa0a457c5061fc7de31fa195868d524d0905ba16cf512470cb6a9de33.png?alt=media" alt="" data-size="original"></p>                          |
| タイムライン項目      | <p>プログラムのタイムラインコンポーネント内に配置して、紹介の流れの1ステップを表示します。各項目間の円アイコンと線の色は、Brand Containerレベルで設定されたブランドカラーによって制御されます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-0d702f85b541b49847a0131fa6094cf37d45b95b%2F6cce8eebc7410fd43031702177f3fa6450cb172e8d420a31b7041ccc926011be.png?alt=media" alt="" data-size="original"></p>                                  |
| ユーザー名の表示      | <p>参加者のフルネームを動的に取得します。参加者が名前を入力していない場合は、デフォルトで「Anonymous User」と表示されます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-454b0c94d3cdf37d3bec1f9feb38efa895ce21d4%2F333618f77b6dee4e26c899eb87962d2769ebbc161da05a90aadb3a5f2b59c3cf.png?alt=media" alt="" data-size="original"></p>                                                                     |

</details>

<details>

<summary>報酬</summary>

{% hint style="info" %}
**注：** *報酬* コンポーネントは、確認済みアクセスのウィジェットとマイクロサイトでのみ使用できます。
{% endhint %}

| コンポーネント    | 説明                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
| ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| タスクカードフィード | <p>タスクカードを使うと、ユーザーはウィジェットまたはマイクロサイト上で直接アクションを実行したり、Advocateプログラムの目標達成状況を確認したりできます。このコンポーネントは、複数のタスクカードをウィジェットまたはマイクロサイトに追加します。ボタンの色は、Brand Containerレベルで設定されたブランドカラーによって制御されます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d1742cb883be61d63192bcb218ab5d53757e9e82%2Fe992aa7cf1f554169c1e60d351739a9bd8990ad01c4c29bf1deb2d971e07c8c4.png?alt=media" alt="" data-size="original"></p>                       |
| 報酬交換       | <p>参加者が獲得した報酬を別の種類の報酬に交換できるようにします。</p><p>この機能を使用するには、 <a href="/brand/ja/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/reward-exchange-explained.md">報酬交換</a> が設定されている必要があります。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-bbfbff1ec1b5d7b899ab55217f300e5bdf820502%2F914a34e427693bf936d3363a8075046dd25ef3de091552fc7de4cb82e00b3d7b.png?alt=media" alt="" data-size="original"></p> |
| 報酬テーブル     | <p>参加者が獲得した報酬の一覧を表示します。手動付与の報酬や、複数のAdvocateプログラムで獲得した報酬を含めることができます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-5b4272b710f08544f2091db011583b6300278788%2Facbbaa66b154eaf370ec5457fd9e77b39272a679f7a9c67b17383c5530362f92.png?alt=media" alt="" data-size="original"></p>                                                                                                                                   |
| 顧客メモ列      | <p>報酬テーブルにメモ列を追加します。報酬テーブルコンポーネント内に配置する必要があります。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-49a7a7000c4e43d73944d65d9268d049ce733f22%2F4bb3b31be09584ce982c27d57b373dc3ba807de9f29be528bab2361ae68d8c8e.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                       |
| 日付列        | <p>報酬テーブルに日付列を追加します。報酬テーブルコンポーネント内に配置する必要があります。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-9f1dabcef083a77ff77adb59d8d2877821b52e6c%2Fe36fb74a08d833bfbb0ebae4b1ef3ba7b49018b00c9cf835c75f1a6a73f3df9f.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                       |
| 報酬列        | <p>報酬テーブルに報酬列を追加します。報酬テーブルコンポーネント内に配置する必要があります。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-e64ef4645152bb65dd8c3e0ad3b8bee76f930f16%2Fd32357695c9503d7751f493e28b36d9bd8ee1af725556d43a072b2dbc2d1e9f0.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                       |
| 送信元列       | <p>報酬テーブルに送信元列を追加します。報酬テーブルコンポーネント内に配置する必要があります。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-e22f21797957227a12deafc7384625cf77154c01%2F57891cdf76885a886769e0fa768567c48e36f38c00a0e72e25ca640a21e6c92e.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                      |
| ステータス列     | <p>報酬テーブルにステータス列を追加します。報酬テーブルコンポーネント内に配置する必要があります。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-10a40c5e3746406038e4e8bac76d9fffabfa2733%2F73173dd2ce38046c737485ea1c0123f1d51c18195c684f59ab776aac9f6f76b9.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                    |

</details>

<details>

<summary>マイクロサイトのコンポーネント</summary>

*マイクロサイト* コンポーネントは、主にマイクロサイトの登録フォームとナビゲーションサイドバーで使用されます。これらのコンポーネントはプログラムウィジェットには追加できません。

| コンポーネント            | 説明                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
| ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| フォームのチェックボックスフィールド | <p>登録フォームにチェックボックスを追加します。チェックの有無をAdvocate参加者のカスタムフィールドにマッピングできます。詳細は「マイクロサイト登録フォームの送信内容を表示する」をご覧ください。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-b755fcb2cb0a2a4332d334c5d4df9750abc74535%2Fbe707549d5ab3386580210dadc39c277a8221a2294690f6f5098f8fa49e91dad.png?alt=media" alt="" data-size="original"></p>                                                                                                 |
| フォームのドロップダウンフィールド  | <p>カスタマイズ可能な項目を含むドロップダウンリストを登録フォームに追加します。ユーザーが選択した項目をAdvocate参加者のカスタムフィールドにマッピングできます。操作の支援が必要な場合はサポートにお問い合わせください。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d4d06463b739d6320cca385d51aef2ebb21a06e9%2Fbcfe9233e8daa3f5cdd4213fc80fb2a8ecef610eecaed1be02e99d4939ff14e5.png?alt=media" alt="" data-size="original"></p>                                                                                     |
| フォームの入力フィールド       | <p>自由入力のテキストフィールドを登録フォームに追加します。ユーザーが入力したテキストをAdvocate参加者のカスタムフィールドにマッピングできます。 <a href="https://app.impact.com/support/portal.ihtml?createTicket=true&#x26;">サポートにお問い合わせください</a> についてはサポートにお問い合わせください。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-22dbac6584da989b0190425decc62f668a813320%2F9324f8dd94e41ba973d7753c410bbd020e8d61f060652fcabbd14482b4d242c5.png?alt=media" alt="" data-size="original"></p> |
| フォームの氏名フィールド       | <p>登録フォームに名と姓を入力できるフィールドを追加します。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-f516e369b49dd1fa5220e0eb0fd5a8a5e13715cc%2Ff86f4e367584f563904db00af1e76cdad40c92a4b2694146b5b755a017e76886.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                       |
| サイドバー項目            | <p>マイクロサイトのサイドバーナビゲーションに新しいページまたはリンクを追加します。マイクロサイトのログイン後レイアウト内にのみ配置できます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-22080a0fa46172389a9f84eb1f5b915a9cb9bd53%2F927e9d1ef0ec4a6d3c1797199be78426ffcbaf84e4007288b303eee91d005e3d.png?alt=media" alt="" data-size="original"></p>                                                                                                                              |
| フォームのパスワードフィールド    | <p>登録フォームに入力可能なパスワードフィールドを追加します。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d11ad739227f7ef4d5ef2155131766cef7bfe569%2Fc09a224e7a38863ef546d342ef93fac272cfde0e95b47c6e99c73302159aece9.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                      |

</details>

<details>

<summary>即時アクセス</summary>

*即時アクセス* コンポーネントを使うと、紹介された友人が標準の登録プロセスを経ずに、すばやく簡単に登録したり報酬を引き換えたりできます。即時アクセスの紹介ウィジェットや友人登録フローを使用するプログラムに最適です。

| コンポーネント        | 説明                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
| -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| クーポンコード        | <p>Fuel Tank報酬の引き換え可能なコードを表示します。</p><p>この <a href="/brand/ja/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/fuel-tank-rewards-explained.md">報酬のFuel Tank</a> このコンポーネントを意図どおりに機能させるには、利用可能なクーポンコードが必要です。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-b6751473ff9a89ec2635661cbefd69fe20e2606c%2Fdc86a733cfb70c7df0a19df89b1dd5c9bbc57d5e0ff52bb5278be069d9543ed6.png?alt=media" alt="" data-size="original"></p> |
| Advocate登録     | <p>新しいAdvocateがメールアドレスを入力して登録し、紹介を行えるようにします。メールアドレスを入力すると、ユーザーは2番目の画面に移動し、紹介用シェアリンクにアクセスできます。即時アクセスのWebsite Referral Widgetで使用されます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-848bf4497a7280a28c48b76e0031a7cabd2702d1%2Fcb04ab4a85a9c132631ae16c6f15215af60c9f5355ab77de58469379dc65e0a9.png?alt=media" alt="" data-size="original"></p>                                                                                           |
| 現在のユーザーをサインアウト | <p>表示中のパーソナライズされた即時アクセス画面を終了できるようにします。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-0a4b2367a12e92611062ba6b3385739c3f25f195%2Fcf128314c155054d77102dafd71a5e5082975ee8851b79b718d105095f498eef.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                        |
| 友人登録           | <p>紹介された友人がメールアドレスを入力して登録できるようにします。メールアドレスを入力すると、ユーザーは2番目の画面に移動し、クーポンコード報酬にアクセスできます。即時アクセスのFriend Widgetで使用されます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-848bf4497a7280a28c48b76e0031a7cabd2702d1%2Fcb04ab4a85a9c132631ae16c6f15215af60c9f5355ab77de58469379dc65e0a9.png?alt=media" alt="" data-size="original"></p>                                                                                                              |

</details>

<details>

<summary>レイアウト</summary>

*レイアウト* コンポーネントを使うと、他のコンポーネントを整理してまとめることができます。セクション、行、列、タブの作成に使用します。

| コンポーネント     | 説明                                                                                                                                                                                                                                                                                                                                                                                                   |
| ----------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 2列ヒーローレイアウト | <p>2列のコンテンツを備えたヒーローレイアウトを追加します。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-90fbc0943f7a9bf20af2a8ef5224fe307b4cd447%2Fe9d5fb3e534e6d42f93128e7f52c08f21cefd7f0c378c1f6e72877b5fbfe8703.png?alt=media" alt="" data-size="original"></p>                                                         |
| 行レイアウトコンテナー | <p>コンテンツ用の新しい行コンテナーを追加します。行の中に他のコンポーネントを配置できます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c6a50f4ca39b0fa9df127beda85b8fda790dbd1c%2F792b42fe4a633f3b3950954d520b5f5d8e7bce7c15d0d6ce14cc041c0244ea3c.png?alt=media" alt="" data-size="original"></p>                                         |
| 列レイアウトコンテナー | <p>コンテンツ用の新しい列コンテナーを追加します。列の中に他のコンポーネントを配置できます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c6a50f4ca39b0fa9df127beda85b8fda790dbd1c%2F792b42fe4a633f3b3950954d520b5f5d8e7bce7c15d0d6ce14cc041c0244ea3c.png?alt=media" alt="" data-size="original"></p>                                         |
| タブ          | <p>一般的なタブグループに新しいタブを追加します。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-bf80a7b35daafb8849d2fabb0acac194eb8de4ae%2F5517db3bff5c64677ef351b5ec94ce32336e728877cca2b5614cdc719bbdd087.png?alt=media" alt="" data-size="original"></p>                                                              |
| 汎用タブグループ    | <p>タブのグループを追加します。各タブには個別のコンポーネントとコンテンツを含めることができます。デフォルトでは3つのタブがありますが、必要に応じて追加または削除できます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-f38bb2abbd959f6de3dd3057279bef72b167bd7a%2F6d51c82449438758a0d7e7c667b4e41e8b1ba274f5f32206ea0a934ef967349b.png?alt=media" alt="" data-size="original"></p> |
| 見出し付きセクション  | <p>見出しと段落テキストを含む新しいセクションを追加します。見出しの下に、この見出し付きセクションへ他のコンポーネントを追加できます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d2e2627c0305da170e459293404b3a7a32bbdd57%2Fd5c2b7ee84117e3804a0afe8d99c1681b0c370c578620d960f2cd780b1b034f9.png?alt=media" alt="" data-size="original"></p>                    |

</details>

<details>

<summary>請求書</summary>

*請求書* コンポーネントを使うと、収益データを表示する請求書コンポーネントを挿入できます。

| コンポーネント     | 説明                                                                                                                                                                                                                                                                                                                                              |
| ----------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 請求書テーブル     | <p>収益データを収めた展開可能な請求書アコーディオンを追加します。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-4c505a7531266547be4dd870343a448fbe506af7%2F987ceee7ddf4cf17d9cc5978b505139e06c16cab3e44c221d7374f65e563fa19.jpg?alt=media" alt="" data-size="original"></p> |
| 請求書テーブルの日付列 | <p>請求書テーブルコンポーネントに新しい列を追加します。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-fb42d6e770406c2e2cc06864b1aaf1d129d7df72%2F48530b7fb857185f3571f592166d3b8f937e5a2f84e6d8b0387c6b63c2e382de.png?alt=media" alt="" data-size="original"></p>      |

</details>

この *リーダーボード* コンポーネントを使うと、プログラム参加者の順位付け、上位者への報酬付与、参加者の意欲向上による成果拡大が可能になります。リーダーボードを [確認済みアクセスのウィジェット](/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained.md) または [マイクロサイト](/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/microsites-overview.md)に追加し、スコアリングシステム、ランキングシステム、参加者フィルタリングのオプションを設定できます。詳細は以下の記事をご覧ください：

* [リーダーボードの概要](/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/set-up-a-leaderboard.md)

| コンポーネント   | 説明                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
| --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 紹介開始      | <p>この種類のリーダーボードは、参加者を開始した紹介数で順位付けします。顧客Advocateのスコアは、開始した紹介数に対応します。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-347d66dfe033a6dcf0e6d487801fbab053997704%2Fc4df3139983a0454f0cca11c832c8870fea8cf861c651210e437d2ee148ee757.png?alt=media" alt="" data-size="original"></p>                                                                        |
| 紹介コンバージョン | <p>この種類のリーダーボードは、参加者をコンバージョンした紹介数で順位付けします。紹介された友人が、あなたが定義した金額の購入など、プログラム目標を達成すると、その紹介はコンバージョン済みと見なされます。顧客Advocateのスコアは、コンバージョンした紹介数に対応します。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-347d66dfe033a6dcf0e6d487801fbab053997704%2Fc4df3139983a0454f0cca11c832c8870fea8cf861c651210e437d2ee148ee757.png?alt=media" alt="" data-size="original"></p> |
| 獲得ポイント    | <p>この種類のリーダーボードは、ポイントを付与するAdvocateプログラムで参加者が獲得した合計ポイント数で順位付けします。保留中またはキャンセル済みでない限り、すべての報酬単位ポイントがカウントされます。このリーダーボードタイプは、ポイント報酬タイプにのみ有効です。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c77ede4e082778754887872f948e6b8b0d188474%2F83ae9393fa0cb1e9bc6f4dd53aa9d77e858bb40ef4e985a5247413950ff66729.png?alt=media" alt="" data-size="original"></p>   |
| 匿名リーダーボード | <p>他のプログラム参加者に関する個人を特定できる情報を一切表示しない、完全に匿名化されたリーダーボードです。任意のリーダーボードタイプを表示できます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-7de957636976c1d06b91c963c3bc6befffa789d8%2Fb04ceffabe2ed8007c96b0f932ebf06063fd5d3a4af2dec81b1fad443ee7d4b5.png?alt=media" alt="" data-size="original"></p>                                                               |

<details>

<summary>税金と現金</summary>

*税金と現金* コンポーネントを使うと、 [確認済みアクセスのウィジェット](/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained.md) または [マイクロサイト](/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/microsites-overview.md).

機能がアカウントで有効になっている場合にのみ、このコンポーネントグループを利用できます。 [*現金支払い*](/brand/ja/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/pay-with-cash/cash-payouts-for-advocate-explained.md) パートナー情報モーダル

| コンポーネント                                                             | 説明                                                                                                                                                                                                                                                                                                                                                                                                                                                       |
| ------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 参加者の国と通貨情報を収集するモーダルを挿入します。この情報により、参加者は遅延や余分な設定手順なしで報酬を受け取れるようになります。 | <p>参加者のメールアドレスが既存のアカウントにすでに関連付けられているかどうかに応じて、2つの設定可能な状態があります：<br></p><p>新規パートナーの説明</p><ul><li><strong>: 初回参加者に表示されます。既定の文言（「今すぐ国と通貨を確認して、今後の報酬をより早く受け取りましょう」）は、シェアリンクを受け取る前に詳細を入力するよう促します。</strong>既存パートナーの説明</li><li><strong>: 参加者のメールアドレスがすでにimpact.comのアカウントに関連付けられている場合に表示されます。モーダルは情報を事前入力し、一から再入力するのではなく確認するよう求めます。</strong>：参加者のメールアドレスがすでにimpact.comのアカウントに関連付けられている場合に表示されます。モーダルは情報を事前入力し、一から再入力するのではなく確認するよう求めます。</li></ul>                   |
| 支払いステータスアラート                                                        | <p>参加者が現金支払いを受け取る前に行う必要のある操作を知らせます。このコンポーネントには、支払い設定の確認画面へ参加者を誘導するCTAボタンが含まれます。</p><p>必要に応じて、参加者がコンポーネントを表示したときに見るテキスト説明を任意でカスタマイズできます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-4d9b5f8072ff2b0c78e1f173493cf4d2ddef9334%2F2c0be35e8e0bfbcb7d7b5e9b9ea30b1b794722e04336f566b033cc9850e1b486.png?alt=media" alt="" data-size="original"></p>     |
| マイクロサイト＆ウィジェットの現金支払いフォーム                                            | <p>参加者の銀行情報や、W-8やW-9など該当する税務書類を収集するフォームを挿入します。</p><p>必要に応じて、参加者がフォームを表示したときに見るテキスト説明を任意でカスタマイズできます。</p><p>このコンポーネント内で確認アラートと要件を設定することもできます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-00fc2e186e360a8330580a3163c8016aae9c6ecc%2F270f47b47bd597f40b6a4253ce541ea0b53a552847e5efc71afeaa74fba1354b.png?alt=media" alt="" data-size="original"></p> |

</details>

<details>

<summary>共有</summary>

*共有* コンポーネントを使うと、参加者は複数のチャネルを通じて紹介リンクやコードを手軽に宣伝できます。参加者が共有ボタンをクリックすると、 *Facebook*, *LinkedIn*, *WhatsApp*、または *メール*などの選択したチャネルが、あらかじめ入力されたメッセージまたはリンク付きで開き、すぐに送信できます。

Referral Codeのような一部のコンポーネントでは、参加者固有の紹介コードまたはプロモコードと、すばやく共有できるクリップボードへのコピーオプションを表示します。Promo Codesのような別のコンポーネントでは、割り当て済みであれば複数の利用可能なコードをスライダー表示し、共有ボタンも含めることで、参加者が選択したコードをすぐに投稿または送信できます。これらのツールにより、参加者は簡単に情報を広め、新しい紹介を促進できます。

| コンポーネント        | 説明                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
| -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| 紹介コード          | <p>コピーしてクリップボードに保存するオプション付きの紹介コード欄を表示します。Promo Codes機能の一部として使用されます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-350b4cd5d21cca6714a3eadcac9b273250d1489b%2Fc765bebedb73ecdfcb67f14de17f261c9d55d4043cf4296025801350717df9ff.png?alt=media" alt="" data-size="original"></p>                                                                       |
| プロモコード         | <p>1つのコンポーネントブロックに事前構成されており、紹介プロモコード欄と、2つ以上割り当てられている場合に各コードを切り替えるスライダーが含まれます。シェアリンクに加え、Facebook、LinkedIn、Twitter / X の共有ボタンコンポーネントも含まれます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-3fd5339df311e321f51f058bbaa88ddfaf08d6bc%2Ffe4b15e28eecd25533da83c6417660b98eb94e8dd083040f5f847d1683a8f7b2.png?alt=media" alt="" data-size="original"></p> |
| Facebook共有ボタン  | <p>カスタマイズ可能なテキスト付きの「Facebookで共有」ボタンを表示します。クリックすると、ブランドのソーシャルメッセージがあらかじめ入力された新規投稿画面で、ユーザーのFacebookプロフィールにリダイレクトされます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ac40825644d43883701dfefcf84d0d237ed0c694%2Fe90f8748aff7c0bf33cba007cab091851f916f9dfb24ec228bc27634bca575fe.png?alt=media" alt="" data-size="original"></p>                       |
| X共有ボタン         | <p>カスタマイズ可能なテキスト付きの「Xで共有」ボタンを表示します。クリックすると、ブランドのソーシャルメッセージがあらかじめ入力された新規投稿画面で、ユーザーのXアカウントにリダイレクトされます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ce26efcd37d82f16d9f2d4d288f42b28e54bcb9b%2Fc4de3610b0ba8f1599ff74aa83740b07bf9d20a3ae09f33df7858dc15d8a82b2.png?alt=media" alt="" data-size="original"></p>                                      |
| メール共有ボタン       | <p>カスタマイズ可能なテキスト付きの「メールで共有」ボタンを表示します。クリックすると、ユーザーの既定のメールアプリが開き、ブランドのソーシャルメッセージがあらかじめ入力された新規メールが作成されます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-99cd491d8066557af00352c2161adbf0d1ff80d9%2F65667d26945a492f02467c4d6cd3d88f4501f029c3fa924ce20587ae6661fde1.png?alt=media" alt="" data-size="original"></p>                                    |
| モバイル共有シートボタン   | <p>参加者のWebブラウザー内で共有するボタンを表示します。クリックすると、リンクを共有するために開ける利用可能なアプリの一覧メニューが開きます。アプリを選択すると、ブランドのソーシャルメッセージがあらかじめ入力された新しい投稿またはメッセージが作成されます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-b0aefc7accad7dc192307b765172cba66908faeb%2Fbf216b95fbd48c0377b824b12708e0ca1f8e6e2a9c1660359e7e0bbc65725b09.png?alt=media" alt="" data-size="original"></p>       |
| LinkedIn共有ボタン  | <p>カスタマイズ可能なテキスト付きの「LinkedInで共有」ボタンを表示します。クリックすると、ブランドのソーシャルメッセージがあらかじめ入力された新規投稿画面で、ユーザーのLinkedInプロフィールにリダイレクトされます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-2a776449d19fc08bb449a5f8351c7101075f1c74%2F2f76bd37890d40e8839f6cab5f0cb5a2b8b11d7bf5f9dfe02d48dad3a8d96cb1.png?alt=media" alt="" data-size="original"></p>                       |
| SMS共有ボタン       | <p>カスタマイズ可能なテキスト付きの「友人にテキストを送る」ボタンを表示します。クリックすると、ユーザーの既定のSMS/テキストメッセージアプリが開き、ブランドのソーシャルメッセージがあらかじめ入力された新しいSMS/テキストメッセージが作成されます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-798893a05da61813dc9d1935d7008941222a8b90%2F3a3fc9c019417421b28b3a5514384cc6a02b25046b7703325aeefe2ed4ca902a.png?alt=media" alt="" data-size="original"></p>           |
| Messenger共有ボタン | <p>カスタマイズ可能なテキスト付きの「Messengerで共有」ボタンを表示します。クリックすると、ブランドのソーシャルメッセージがあらかじめ入力された新規メッセージ画面で、ユーザーのFacebook Messengerアプリにリダイレクトされます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-93f82656f6614d7f34071466b5d061b7c3d1d463%2F2b31207d2addc11e7d589fada9808712bfa21e218fde0aebcbd0bc989d18919d.png?alt=media" alt="" data-size="original"></p>            |
| WhatsApp共有ボタン  | <p>カスタマイズ可能なテキスト付きの「WhatsAppで共有」ボタンを表示します。クリックすると、ブランドのソーシャルメッセージがあらかじめ入力された新規メッセージ画面で、ユーザーのWhatsAppアカウントにリダイレクトされます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-e3b0d2368c1eaa1b37d41216636f85eee4c9e138%2Fb939f470eb31109551821fe0d22887a99ae81678872ff3241ddcfe2e382c5796.png?alt=media" alt="" data-size="original"></p>                     |
| LINE共有ボタン      | <p>カスタマイズ可能なテキスト付きの「LINE Messengerで共有」ボタンを表示します。クリックすると、ブランドのソーシャルメッセージがあらかじめ入力された新規メッセージ画面で、ユーザーのLINE Messengerアプリにリダイレクトされます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-0551e0947b75a319cd37b2fc5190f94aa7ac3275%2Fc9b7ee44e3f60422f7f0c1314fd669569eac6da0c1f4cdfe8baa7733f704b67b.png?alt=media" alt="" data-size="original"></p>           |
| Pinterest共有ボタン | <p>カスタマイズ可能なテキスト付きの「Pinterestで共有」ボタンを表示します。クリックすると、ブランドのソーシャルメッセージがあらかじめ入力された新規投稿画面で、ユーザーのPinterestプロフィールにリダイレクトされます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-6c91830cc012ce3ddbdd99a80c2ab4808e27eb14%2F32f7f7814c6be91a947add2d5d7f0bb5b375a16f212313a18774e79dfa562374.png?alt=media" alt="" data-size="original"></p>                     |
| 共有リンク          | <p>このプログラムの参加者のシェアリンクを表示します。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-a7096d63847a389d28ffebcc71d0883ed90cc525%2F2eb89dd61c2c37dbc09f4a4d765b980826a5a3f755bad93880e9fb9248593db6.png?alt=media" alt="" data-size="original"></p>                                                                                                              |
| QRコード          | <p>このプログラムの参加者のシェアリンクをQRコード形式で表示します。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-1aa383efd76c4268b71ab2118635a650a5dca9b3%2Fb575c24753eb2779431f9a9bfe56e84abd836992751052ea5d6b58b54a2fd964.png?alt=media" alt="" data-size="original"></p>                                                                                                      |

</details>

<details>

<summary>紹介</summary>

*紹介* コンポーネントは、参加者が紹介した友人とそのコンバージョン状況に関する情報を表示します。参加者が誰を紹介したか、コンバージョンがいつ発生したか、その紹介で得た報酬を簡単に追跡できます。

| コンポーネント       | 説明                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
| ------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 紹介カード         | <p>以下を含む事前構成済みのコンポーネントブロック： <em>プログラムのタイムライン</em>, <em>シェアリンク</em>、および <em>Facebook</em>, <em>LinkedIn、</em> および <em>Twitter / X</em> 共有ボタンコンポーネント。必要に応じて他のコンポーネントを追加または削除できます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-f756a1f54cf83ab690539ad68993287112cce6c0%2F8f6c3feabc2b64c582ba9c730c7813b993ead61741d6b21490dd04cc1a92c766.png?alt=media" alt="" data-size="original"></p> |
| 紹介テーブル        | <p>参加者が紹介した友人、コンバージョン日、コンバージョン状況を表示するテーブルを表示します。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ce55181b973b561145f087c8112c6008d71daac2%2F14f8e870dfa6c7bf6ab3d1d1fc0ccdc296b2e0b654b72d9b955d7e658fcce1a3.png?alt=media" alt="" data-size="original"></p>                                                                                                                                |
| 紹介テーブルの日付列    | <p>紹介テーブルに別の日付列を追加します。紹介テーブルコンポーネント内に配置する必要があります。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-8992234a958c425bfc53bf938cd323162d62d857%2Fd33d6f5ef933f7df85c392f6733973cafe2b798ea1798628f55b67f201cb0734.png?alt=media" alt="" data-size="original"></p>                                                                                                                               |
| 紹介テーブルの報酬列    | <p>紹介テーブルに別の報酬列を追加します。紹介テーブルコンポーネント内に配置する必要があります。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ef97eededbc5f92ec490dcab90fd10fb97170671%2F12c9225c7808b735b15b3534fd04a4ffbb7556b6fdc457a942f3ffb76456ba69.png?alt=media" alt="" data-size="original"></p>                                                                                                                               |
| 紹介テーブルのステータス列 | <p>紹介テーブルに別のステータス列を追加します。紹介テーブルコンポーネント内に配置する必要があります。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-e3440cacb4114c9d370932773b6d92b971729d75%2F1cbe3630384c042632077d3cf87577401eaa02496651fbf90e6e4dba9f62a5aa.png?alt=media" alt="" data-size="original"></p>                                                                                                                            |
| 紹介テーブルのユーザー列  | <p>紹介テーブルに別の顧客（紹介された友人）列を追加します。紹介テーブルコンポーネント内に配置する必要があります。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-07c39fcbf12ca844c00d89c7e423190d5e7ee38e%2F2e6b9f6c02a9670ddd7b2bf8fc050f6a8776851c6eac94b794c42d3aa33ed2f8.png?alt=media" alt="" data-size="original"></p>                                                                                                                      |

</details>

<details>

<summary>詳細設定</summary>

高度なコンポーネントを使うと、参加者に何を、いつ見せるかをより細かく制御できます。条件付き表示、プログラムの上書き、その他の特殊な設定が可能で、特定の対象に合わせて体験を最適化できます。

| コンポーネント         | 説明                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| --------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 条件付きエリア / セグメント | <p>参加者が特定の <a href="/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participants/manage-advocate-user-segments.md">ユーザーセグメント</a>.</p><p>ユーザーセグメントを設定するには、コンポーネントのプロパティを開き、以下のJSONata式を編集します： <em>条件</em> 欄に含めてください。</p><p>設定したセグメント内のユーザーには条件付きセクションに表示されているすべてのコンテンツが見えますが、セグメント外のユーザーには表示されません。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-2fe790e8458995641bd60d7f1efc8f81a0c5598e%2Fbb4c121de32787e766f9d5930e0e34f0ce2637ab3a1dfc6aa5fb7bf7bb4bd0d5.png?alt=media" alt="" data-size="original"></p>                                                                                                   |
| 条件付きエリア / フィールド | <p>参加者のプロフィール上の <a href="/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participants/custom-and-calculated-fields/custom-fields-for-advocate-explained.md">カスタムフィールド</a> に特定の値が含まれている場合にのみ、このセクションのコンテンツを表示します。</p><p>カスタムフィールド名と値を設定するには、コンポーネントのプロパティを開き、以下のJSONata式を編集します： <em>条件</em> 欄に含めてください。</p><p>正しいカスタムフィールド値を持つユーザーには条件付きセクションに表示されているすべてのコンテンツが見えますが、正しいカスタムフィールド値を持たないユーザーには表示されません。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-2fe790e8458995641bd60d7f1efc8f81a0c5598e%2Fbb4c121de32787e766f9d5930e0e34f0ce2637ab3a1dfc6aa5fb7bf7bb4bd0d5.png?alt=media" alt="" data-size="original"></p> |
| プログラムセクション      | <p>プログラムセクションコンポーネントを使うと、子コンポーネントのプログラムIDを上書きできます。特定のプログラムに紐づかないコンテンツを表示したい場合に使用します。ほとんどのウィジェットおよびマイクロサイトテンプレートにデフォルトで含まれています。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-2fe790e8458995641bd60d7f1efc8f81a0c5598e%2Fbb4c121de32787e766f9d5930e0e34f0ce2637ab3a1dfc6aa5fb7bf7bb4bd0d5.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                                                                                    |

</details>

<details>

<summary>タイポグラフィ</summary>

タイポグラフィコンポーネントを使うと、ウィジェットまたはマイクロサイトに整形済みテキストブロックを追加できます。以下から選択してください：

* 段落
* 見出し1
* 見出し2
* 見出し3
* 見出し4

  <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-a21333a42165afd0b94699beb820ce6f01d4967b%2F98486fd03f5278fcc0128c28d9b9c6a7a62508a7f08c0db73e8d274a1198d0e0.jpg?alt=media" alt="" width="208"><figcaption></figcaption></figure></div>

</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 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/widget-and-microsite-components-explained.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.
