> 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-experiences/set-up-an-instant-access-widget.md).
# 即時アクセスウィジェットを設定する
PXA コースを受講する
eコマースおよび小売のお客様向けに設計されたインスタントアクセスウィジェットは、顧客アドボケイトとその紹介された友人が、パスワードや認証なしで紹介プログラムに簡単に参加できる方法を提供します。
インスタントアクセスウィジェットには2種類あります：
* この *ウェブサイト紹介ウィジェット* は、顧客アドボケイトが紹介プログラムに参加し、共有リンクにアクセスするための簡単な方法を提供します。
* この *友人ウィジェット* は、紹介された顧客をアドボケイトプログラムに登録し、メールアドレスを入力すると割引コードなどの報酬を発行します。顧客アドボケイトの友人が共有リンクをクリックした際に、ランディングページに表示する必要があります。
インスタントアクセスウィジェットの仕組みについて詳しくは、 [ウィジェットタイプの説明](/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained.md).
#### ステップ1：プログラムルールでウィジェットを設定する
まず、インスタントアクセスウィジェットの外観を設定する必要があります。
{% tabs %}
{% tab title="ウェブサイト紹介ウィジェット" %}
1. 左側のナビゲーションメニューから、次を選択します  **\[Engage] → プログラムルール**.
2. 次を選択します： **コンテンツ** ページ上部のタブ。
3. 次の *ウェブサイト紹介ウィジェット* カードで、次を選択します： **編集**.
4. テンプレートの外観と内容を調整します。
* ウィジェットエディターの使用方法について詳しくは、 [プログラムウィジェットをカスタマイズする](/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets.md)。以下のグループのコンポーネントは、インスタントアクセスウィジェットに追加できません： *報酬*, *統計*, *マイクロサイトコンポーネント*、または *紹介*.
5. ウィジェットへの変更を保存します。
{% endtab %}
{% tab title="友人ウィジェット" %}
1. 左側のナビゲーションメニューから、次を選択します  **\[Engage] → プログラムルール**.
2. 次を選択します： **コンテンツ** ページ上部のタブ。
3. 次の *友人ウィジェット* カードで、次を選択します： **編集**.
4. テンプレートの外観と内容を調整します。
* ウィジェットエディターの使用方法について詳しくは、 [プログラムウィジェットをカスタマイズする](/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets.md)。以下のグループのコンポーネントは、インスタントアクセスウィジェットに追加できません： *報酬*, *統計*, *マイクロサイトコンポーネント*、または *紹介*.
5. 必要に応じて、次を選択します：  **\[チェックなしのボックス] 表示** 次の *友人ウィジェット* カードで、 *紹介された友人に自動的に表示*.
* このオプションにより、自動ポップアップ機能が有効になります。自動ポップアップは、ランディングページで友人ウィジェットを目立たせることで、紹介された友人にとってより魅力的な体験を提供します。
6. ウィジェットへの変更を保存します。
{% endtab %}
{% endtabs %}
#### ステップ2：報酬を発行するよう友人ウィジェットを設定する（任意）
友人ウィジェットを使用している場合、紹介された友人に割引コードを提供するよう設定できます。そのためには、まずフューエルタンク報酬を設定する必要があります。次に、友人ウィジェットを通じてこの報酬を発行するようプログラムルールを設定します。
{% hint style="info" %}
**注：** プログラム用のフューエルタンク報酬をすでに設定している場合は、 [既存の報酬](/brand/ja/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward.md) を編集し、 *アクセスの種類* を次のように変更できます： **インスタントアクセス** 。
{% endhint %}
1. 次を設定します： [フューエルタンク報酬](/brand/ja/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward.md).
* フューエルタンクには、impact.com が友人ウィジェットに表示する固有の割引をアップロードします。
2. 左側のナビゲーションメニューから、次を選択します  **\[Engage] → プログラムルール**.
3. 次を選択します： **プログラムの動作** ページ上部のタブ。
4. 紹介された友人に報酬を発行するプログラムルールを見つけてから、次を選択します：  **\[アクションを編集]**.
5. アクションで次が送信されることを確認します： **報酬とメール** 次の宛先に： **友人**、次に選択します： **次へ**.
6. 次の上部で、 *報酬を編集* 画面で、次を選択します： **事前設定済みの報酬を使用する**.
7. を選択します。 *報酬* ドロップダウンリストから、作成したフューエルタンク報酬を選択します。
8. 選択します **次へ**、次にアクションを確認して選択します： **保存**.
#### ステップ3：ウィジェットをインストールする
おめでとうございます！インスタントアクセスウィジェットを使用する準備が整いました。最後のステップは、購入後のランディングページ、チェックアウトフロー、または参加者にアクセスさせたい場所に埋め込むためのコードスニペットを生成することです。
{% tabs %}
{% tab title="ウェブサイト紹介ウィジェット" %}
1. 上部のナビゲーションバーから、次を選択します：  **\[ユーザープロフィール] → 設定**.
2. 左側の、次の下にある *アドボケイト設定*で、次を選択します： **インストール**.
3. ウィジェットのドロップダウンリストから、作成したインスタントアクセスウィジェットのいずれかを選択します。
4. 次のどちらのコードスニペットを生成するかを選択します： **埋め込みウィジェット** または **ポップアップウィジェット**.
* 埋め込みウィジェットは、ウェブページに直接表示されます。
* ポップアップウィジェットは、参加者が指定されたボタンまたはリンクをクリックするとポップアップで読み込まれます。
5. 生成されたコードスニペットをコピーし、eコマースプラットフォームまたはランディングページに追加します。
{% endtab %}
{% tab title="友人ウィジェット" %}
{% hint style="info" %}
**友人ウィジェットで自動ポップアップを使用している場合は、このステップをスキップします：** このステップは、すべての友人ウィジェットで必要なわけではありません。 [ユニバーサルトラッキングタグ（UTT）](/brand/ja/what-would-you-like-to-learn-about/platform-features/tracking/javascript-tag-tracking/tracking-with-universal-tracking-tag-utt.md) は、次のように設定されているすべての友人ウィジェットをウェブページに自動的に読み込みます： *紹介された友人に自動的に表示*。友人ウィジェットでこのオプションが有効になっている場合は、このステップをスキップできます。
{% endhint %}
自動ポップアップが有効でない友人ウィジェットを使用している場合、UTTはウィジェットを自動的に読み込みません。そのため、コードスニペットを生成してページに配置する必要があります。
1. 上部のナビゲーションバーから、次を選択します：  **\[ユーザープロフィール] → 設定**.
2. 左側の、次の下にある *アドボケイト設定*で、次を選択します： **インストール**.
3. 次の *ウィジェットを表示* セクションで、次を選択します： **インスタントアクセス** 表示するウィジェットのタイプとして。
4. ウィジェットのドロップダウンリストから、友人ウィジェットを選択します。
5. 次を選択します： **埋め込みウィジェット** 表示タイプ。
6. 生成されたコードスニペットをコピーし、紹介された友人がアクセスするページに追加します。
{% endtab %}
{% endtabs %}
---
# 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 dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:
```
GET https://help.impact.com/brand/ja/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/set-up-an-instant-access-widget.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
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.