> 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) を編集し、 *アクセス種別* して **インスタントアクセス** を使用してください。
{% 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. 次のいずれかのコードスニペットを生成するかを選択します **埋め込みウィジェット** または **ポップアップウィジェット**.
* 埋め込みウィジェットは、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 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.
