> 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種類あります：
* この *ウェブサイト紹介ウィジェット* 顧客アンバサダーが紹介プログラムに簡単に参加し、共有リンクにアクセスできるようにします。
* この *フレンドウィジェット* 紹介された顧客をAdvocateプログラムに登録し、メールアドレスを入力すると、割引コードなどの報酬を付与します。これは、顧客アンバサダーの友人が共有リンクをクリックしたときに表示されるランディングページに表示する必要があります。
詳細については、以下を参照してください： [ウィジェットの種類の説明](/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: フレンドウィジェットで報酬を付与するよう設定する（任意）
フレンドウィジェットを使用している場合、紹介された友人に割引コードを提供するよう設定できます。そのためには、まずfuel tank報酬を設定する必要があります。次に、プログラムルールを設定して、この報酬をフレンドウィジェット経由で付与するようにします。
{% hint style="info" %}
**注:** すでにプログラム用のfuel tank報酬が設定されている場合は、 [既存の報酬](/brand/ja/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward.md) を編集し、 *アクセス種別* を **インスタントアクセス** 代わりにご覧ください。
{% endhint %}
1. を設定します [fuel tank報酬](/brand/ja/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward.md).
* fuel tank には、impact.com がフレンドウィジェットに表示する固有の割引をアップロードします。
2. 左側のナビゲーションメニューから、次を選択します  **\[Engage] → プログラムルール**.
3. 各申請者の横にある **プログラムの動作** ページ上部のタブ。
4. 紹介された友人に報酬を付与するプログラムルールを見つけ、次を選択します  **\[アクションを編集]**.
5. そのアクションが次を送信することを確認します **報酬とメール** 宛先： **友人**に設定し、次に **次へ**.
6. の上部で *報酬を編集* 画面で、次を選択します **事前設定済みの報酬を使用**.
7. 次の *報酬* ドロップダウンリストで、作成したfuel tank報酬を選択します。
8. 選択 **次へ**、次にアクションを確認して、次を選択します **保存**.
#### ステップ3: ウィジェットをインストールする
おめでとうございます！インスタントアクセスウィジェットの準備ができました。最後のステップは、購入後のランディングページ、チェックアウトフロー、または参加者にアクセスさせたい場所に埋め込むためのコードスニペットを生成することです。
{% tabs %}
{% tab title="ウェブサイト紹介ウィジェット" %}
1. 上部ナビゲーションバーで、  **\[ユーザープロフィール] → 設定**.
2. 左側の下にある *Advocate の設定*で、 **インストール**.
3. ウィジェットのドロップダウンリストから、作成したインスタントアクセスウィジェットのいずれかを選択します。
4. 生成するコードスニペットの種類を選択します： **埋め込みウィジェット** または **ポップアップウィジェット**.
* 埋め込みウィジェットは、Webページに直接表示されます。
* ポップアップウィジェットは、参加者が指定したボタンまたはリンクをクリックすると、ポップアップ内で読み込まれます。
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) は、フレンドウィジェットが設定されている場合、Webページに自動的に読み込まれます *紹介された友人に自動的に表示*。フレンドウィジェットでこのオプションが有効になっている場合は、この手順をスキップできます。
{% endhint %}
自動ポップアップが有効になっていないフレンドウィジェットを使用している場合、UTT はウィジェットを自動的に読み込まないため、コードスニペットを生成してページに配置する必要があります。
1. 上部ナビゲーションバーで、  **\[ユーザープロフィール] → 設定**.
2. 左側の下にある *Advocate の設定*で、 **インストール**.
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 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-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 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.
