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

<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 %}

コンポーネントは、ヒーロー画像やタスクカードなど、アドボケートプログラムのウィジェットやマイクロサイトを構成する個々の構成要素です。これらの要素は [参加者の体験](https://help.impact.com/brand/ja/advocate-program/manage-advocate-participant-experiences/introduction-to-participant-experiences) を形作り、ブランドに合わせてカスタマイズできます。

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

<details>

<summary>統計</summary>

使用 *統計* コンポーネントを使用して、参加者にプログラムでの進捗を知らせます。これらのコンポーネントがサポートできる統計の一覧については、 [ウィジェットとマイクロサイトの統計](https://help.impact.com/brand/ja/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-statistics-explained).

| コンポーネント      | 説明                                                                                                                                                                                                                                                                                                                                                                         |
| ------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ポイント残高       | <p>参加者のポイント残高を表示します。ポイントで報酬を付与するアドボケートプログラムで使用されます。</p><p><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ff7233d6a49bcc71a20dc6cfb3bf75ee62364ff4%2Fe1d9aac51361456cf34386eb5b5617d320af8f5087f2d38e3e3b25ff04f6efc4.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-51c634a017ce4206b9e6412627708952b5768a3c%2F7ad00a45ca02abc61aa2883c4303e43a878e9702e3410bb5a6eedcb46d8100e4.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-c5433d26e89df79a0006bc70d66c7f136c8c4de9%2F40d8d181ce9bfcf7ca597db86ffddaf517b98fdcd65270945bcdef43faeccd2d.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-eb3c3041a0cabee4b4be38ed5160f4baa660ba92%2F8526311212dbbab7ee4417e937d156eb481f6feb7a254b4c3e84d21c814d00c9.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-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>参加者を選択したリンクにリダイレクトするクリック可能なボタン。ボタンの色はブランドコンテナレベルで設定されたブランドカラーによって制御されます。</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>報酬の獲得方法など、アドボケートプログラムの仕組みを説明するテンプレート。デフォルトで2つの説明ステップが含まれています。ステップは追加可能です。色はブランドコンテナレベルで設定されたブランドカラーによって制御されます。</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>プログラムの一部を説明するための説明文を追加します。プログラム説明コンポーネント内に収まります。色はブランドコンテナレベルで設定されたブランドカラーによって制御されます。</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>紹介の流れと参加者向けの報酬の概要を表示します。タイムラインエントリは必要に応じて追加または削除できます。円アイコンとエントリ間の線の色はブランドコンテナレベルで設定されたブランドカラーによって制御されます。</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>プログラムタイムラインコンポーネント内に収まり、紹介の流れの一段階を表示します。円アイコンとエントリ間の線の色はブランドコンテナレベルで設定されたブランドカラーによって制御されます。</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>参加者のフルネームを動的に取り込みます。参加者が名前を入力していない場合は既定で「匿名ユーザー」と表示されます。</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>タスクカードは、ウィジェットやマイクロサイト上でユーザーがアクションを実行したり、アドボケートプログラムの目標に対する進捗を確認したりできるようにします。このコンポーネントはウィジェットやマイクロサイトに複数のタスクカードを追加します。ボタンの色はブランドコンテナレベルで設定されたブランドカラーによって制御されます。</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="../advocate-rewards/reward-exchange-explained">報酬交換</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>参加者が獲得した報酬の一覧を表示します。手動報酬や複数のアドボケートプログラムで獲得した報酬を含めることができます。</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>登録フォームにチェックボックスを追加します。チェックされたかどうかをアドボケート参加者のカスタムフィールドにマッピングできます。詳細は「マイクロサイト登録フォームの送信内容を表示」を参照してください。</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>登録フォームにカスタマイズ可能なリスト項目を持つドロップダウンリストを追加します。ユーザーが選択したリスト項目をアドボケート参加者のカスタムフィールドにマッピングできます。この件についてはサポートにお問い合わせください。</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>登録フォームに自由入力のテキスト入力フィールドを追加します。ユーザーが入力したテキストをアドボケート参加者のカスタムフィールドにマッピングできます。 <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>登録フォームに入力可能な名（First Name）と姓（Last Name）フィールドを追加します。</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="../advocate-rewards/fuel-tank-rewards-explained">報酬のフューエルタンク</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> |
| アドボケート登録       | <p>新しいアドボケートがメールアドレスを入力して登録および紹介ができるようにします。メールアドレスを入力すると、共有リンクにアクセスできる二次画面に移動します。即時アクセスのウェブサイト紹介ウィジェットで使用されます。</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>紹介された友人がメールアドレスを入力して登録できるようにします。メールアドレスを入力すると、クーポンコード報酬にアクセスできる二次画面に移動します。即時アクセスの友達ウィジェットで使用されます。</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>

*レイアウト* コンポーネントは他のコンポーネントを整理・グループ化することを可能にします。セクション、行、列、タブを作成するために使用してください。

| コンポーネント     | 説明                                                                                                                                                                                                                                                                                                                                                                                                      |
| ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 二列ヒーローレイアウト | <p>二列のコンテンツを特徴とするヒーローレイアウトを追加します。</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>

この *リーダーボード* コンポーネントは参加者をランク付けし、上位の参加者に報酬を提供し、参加者がより多くの成果を上げるよう促すために使用できます。リーダーボードを [検証済みアクセスウィジェット](https://help.impact.com/brand/ja/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained) または [マイクロサイト](https://help.impact.com/brand/ja/advocate-program/manage-advocate-participant-experiences/microsite-experiences/microsites-overview)に追加し、スコアリングシステム、ランキングシステム、および参加者のフィルタリングオプションを構成できます。詳細については以下の記事を参照してください：

* [リーダーボードの説明](https://help.impact.com/brand/ja/advocate-program/manage-advocate-participant-experiences/leaderboards-explained)
* [リーダーボードの設定](https://help.impact.com/brand/ja/advocate-program/manage-advocate-participant-experiences/set-up-a-leaderboard)

| コンポーネント   | 説明                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
| --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| 紹介開始      | <p>このタイプのリーダーボードは、参加者が開始した紹介の数でランク付けします。カスタマーアドボケートのスコアは開始された紹介の数に対応します。</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>このタイプのリーダーボードは、参加者がコンバートした紹介の数でランク付けします。紹介は、紹介された友人が購入など、あなたが定義したプログラムの目標を達成したときにコンバートされたと見なされます。カスタマーアドボケートのスコアはコンバートされた紹介の数に対応します。</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>このタイプのリーダーボードは、ポイントを報酬とするアドボケートプログラムで参加者が獲得した合計ポイント数でランク付けします。保留中またはキャンセルされたものを除き、すべてのポイント報酬単位がカウントされます。このリーダーボードタイプはポイント報酬タイプにのみ有効です。</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>

*税金と現金* コンポーネントでは、税務フォームの収集や現金支払いオプションを組み込むことができます。 [検証済みアクセスウィジェット](https://help.impact.com/brand/ja/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained) または [マイクロサイト](https://help.impact.com/brand/ja/advocate-program/manage-advocate-participant-experiences/microsite-experiences/microsites-overview).

このコンポーネントグループは、 [*現金支払い*](https://help.impact.com/brand/ja/advocate-program/advocate-rewards/pay-with-cash/cash-payouts-for-advocate-explained) 機能がアカウントで有効になっている場合にのみ利用可能です。

| コンポーネント                 | 説明                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| ----------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 支払い状況アラート               | <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-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や *Facebook*, *LinkedIn*, *WhatsApp*、または *メール*などの選択したチャネルが開き、事前入力されたメッセージやリンクが送信準備された状態になります。

Referral CodeやPromo Codesのような一部のコンポーネントは、参加者個別の紹介コードやプロモコードを表示し、クイック共有のためのクリップボードへのコピーオプションを提供します。他のコンポーネント、例えば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>割り当てられているコードが複数ある場合に切り替え可能なスライダーを含む紹介プロモコードフィールドなどを含む事前フォーマットされたコンポーネントブロックです。また共有リンクと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>参加者のウェブブラウザ内で共有するためのボタンを表示します。クリックすると、共有するために開ける利用可能なアプリの一覧を示すメニューが開きます。アプリが選択されると、ブランドのソーシャルメッセージが事前入力された新しい投稿またはメッセージが作成されます。</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で共有」ボタンを表示します。クリックすると、ブランドのソーシャルメッセージが事前入力された状態でユーザーのLINEアプリの新しいメッセージ画面にリダイレクトします。</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="../manage-advocate-participants/manage-advocate-user-segments">ユーザーセグメント</a>.</p><p>に属しているときのみこのセクションにコンテンツを表示します。 <em>コンディション</em> フィールドのJSONata式を編集してユーザーセグメントを設定します。</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="../manage-advocate-participants/custom-and-calculated-fields/custom-fields-for-advocate-explained">カスタムフィールド</a> が特定の値を含む場合にのみこのセクションにコンテンツを表示します。</p><p>カスタムフィールド名と値を設定するには、コンポーネントのプロパティを開き、JSONata式を編集します。 <em>コンディション</em> フィールドのJSONata式を編集してユーザーセグメントを設定します。</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>
