> 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: 報酬を付与するように友達ウィジェットを設定する（任意）
友達ウィジェットを使用している場合、紹介された友達に割引コードを提供するよう設定できます。そのためには、まずフューエルタンク報酬を設定する必要があります。次に、プログラムルールを設定して、この報酬を友達ウィジェット経由で付与します。
{% hint style="info" %}
**注：** すでにプログラム用のフューエルタンク報酬が設定されている場合は、 [既存の報酬](/brand/ja/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward.md) を編集し、 *アクセス種別* を **Instant Access** に変更できます。
{% 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. 左側の、以下の *Advocate設定*、選択 **インストール**.
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. 左側の、以下の *Advocate設定*、選択 **インストール**.
3. で *表示ウィジェット* セクションで、選択 **Instant Access** として表示するウィジェットの種類を選択します。
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.