# 即時アクセスウィジェットを設定する

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

eコマースおよび小売のクライアント向けに設計されたインスタントアクセスウィジェットは、顧客アドボケイトとその紹介された友人が、パスワードや認証なしで紹介プログラムに簡単に参加できるようにします。

インスタントアクセスウィジェットには2種類あります:

* その *ウェブサイト紹介ウィジェット* は、顧客アドボケイトが紹介プログラムに簡単に参加し、共有リンクにアクセスできるようにします。
* その *フレンドウィジェット* は、紹介された顧客がメールアドレスを入力すると、その顧客をアドボケイトプログラムに登録し、割引コードのような報酬を付与します。これは、顧客アドボケイトの友人が共有リンクをクリックしたときにランディングページに表示される必要があります。

インスタントアクセスウィジェットの仕組みの詳細については、 [ウィジェットの種類の説明](/brand/ja/nitsuitebitaidesuka/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained.md).

#### ステップ1: プログラムルールでウィジェットを設定する

まず、インスタントアクセスウィジェットの外観を設定する必要があります。

{% tabs %}
{% tab title="ウェブサイト紹介ウィジェット" %}

1. 左側のナビゲーションメニューから、 ![](/files/7ddd72d8e69e7055d9408cf4847c5c54abf9f71d) **［Engage］→ プログラムルール**.
2. を選択し **コンテンツ** タブをページ上部で。
3. で、 *ウェブサイト紹介ウィジェット* カードで、選択します **編集**.

   <div data-with-frame="true"><figure><img src="/files/ba57b5264f366a4acde5e20715a63838a7e60d4f" alt=""><figcaption></figcaption></figure></div>
4. テンプレートの外観と内容を調整します。
   * ウィジェットエディタの使用方法の詳細については、 [プログラムウィジェットのカスタマイズ](/brand/ja/nitsuitebitaidesuka/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets.md)を参照してください。次のグループのコンポーネントは、インスタントアクセスウィジェットに追加できません: *報酬*, *統計*, *マイクロサイトコンポーネント*するか、 *紹介*.
5. ウィジェットへの変更を保存します。
   {% endtab %}

{% tab title="フレンドウィジェット" %}

1. 左側のナビゲーションメニューから、 ![](/files/7ddd72d8e69e7055d9408cf4847c5c54abf9f71d) **［Engage］→ プログラムルール**.
2. を選択し **コンテンツ** タブをページ上部で。
3. で、 *フレンドウィジェット* カードで、選択します **編集**.

   <div data-with-frame="true"><figure><img src="/files/e895b9c7ffc4d65f6147d8c395d33655319a8694" alt=""><figcaption></figcaption></figure></div>
4. テンプレートの外観と内容を調整します。
   * ウィジェットエディタの使用方法の詳細については、 [プログラムウィジェットのカスタマイズ](/brand/ja/nitsuitebitaidesuka/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets.md)を参照してください。次のグループのコンポーネントは、インスタントアクセスウィジェットに追加できません: *報酬*, *統計*, *マイクロサイトコンポーネント*するか、 *紹介*.
5. を選択します。 ![](/files/fd83586f9930f6bcc6498179e6d7ed9571e7b572) **\[チェックなしのボックス] 表示** を *フレンドウィジェット* カード上で *紹介された友人に自動的に表示する*.
   * このオプションは自動ポップアップ機能を有効にします。自動ポップアップにより、ランディングページ上でフレンドウィジェットが目立つようになり、紹介された友人にとってより魅力的な体験を提供します。
6. ウィジェットへの変更を保存します。
   {% endtab %}
   {% endtabs %}

#### ステップ2: 報酬を付与するようフレンドウィジェットを設定する（任意）

フレンドウィジェットを使用している場合、紹介された友人に割引コードを提供するよう設定できます。そのためには、まず燃料タンク報酬を設定する必要があります。次に、プログラムルールを設定して、この報酬をフレンドウィジェット経由で付与するようにします。

{% hint style="info" %}
**注:** すでにプログラム用の燃料タンク報酬が設定されている場合は、 [既存の報酬](/brand/ja/nitsuitebitaidesuka/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward.md) を編集し、 *アクセス種類* を **インスタントアクセス** を選択してください。
{% endhint %}

1. を設定します。 [燃料タンク報酬](/brand/ja/nitsuitebitaidesuka/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward.md).
   * 燃料タンクは、impact.comがフレンドウィジェットに表示する固有の割引をアップロードする場所です。
2. 左側のナビゲーションメニューから、 ![](/files/7ddd72d8e69e7055d9408cf4847c5c54abf9f71d) **［Engage］→ プログラムルール**.
3. を選択し **プログラムの動作** タブをページ上部で。
4. 紹介された友人に報酬を付与するプログラムルールを見つけ、次を選択します ![](/files/2dba65d40844fe7d7ecfa803b2040071de48ce7f) **\[アクションを編集]**.

   <div data-with-frame="true"><figure><img src="/files/10043b182e61e6460721fd512e3d6f474be37893" alt=""><figcaption></figcaption></figure></div>
5. アクションが **報酬とメール** を **友人**に送信することを確認し、次を選択します **次へ**.
6. の上部で *報酬の編集* 画面で、次を選択します **事前設定済みの報酬を使用する**.

   <div data-with-frame="true"><figure><img src="/files/352fd67aea2d691ea5e5c03ba0f9064aeae7af0b" alt=""><figcaption></figcaption></figure></div>
7. から、 *報酬* ドロップダウンリストから、作成した燃料タンク報酬を選択します。
8. を選択します **次へ**その後、アクションを確認して次を選択します **保存**.

#### ステップ3: ウィジェットをインストールする

おめでとうございます！インスタントアクセスウィジェットの準備ができました。最後のステップは、購入後のランディングページ、チェックアウトフロー、または参加者にアクセスさせたい場所に埋め込むためのコードスニペットを生成することです。

{% tabs %}
{% tab title="ウェブサイト紹介ウィジェット" %}

1. 上部のナビゲーションバーから、 ![](/files/2c38195ecc23a36266a65082c4bfc52f44a43503) **\[ユーザープロフィール] → 設定**.
2. 左側の *Advocate 設定*の下にある **インストール**.
3. ウィジェットのドロップダウンリストから、作成したインスタントアクセスウィジェットのいずれかを選択します。
4. 次のいずれかのコードスニペットを生成するか選択します: **埋め込みウィジェット** または **ポップアップウィジェット**.
   * 埋め込みウィジェットは、Webページ内に直接表示されます。
   * ポップアップウィジェットは、参加者が指定したボタンまたはリンクをクリックした後にポップアップで読み込まれます。
5. 生成されたコードスニペットをコピーし、eコマースプラットフォームまたはランディングページに追加します。
   {% endtab %}

{% tab title="フレンドウィジェット" %}
{% hint style="info" %}
**フレンドウィジェットで自動ポップアップを使用している場合は、このステップをスキップしてください:** このステップはすべてのフレンドウィジェットで必要なわけではありません。 [Universal Tracking Tag（UTT）](/brand/ja/nitsuitebitaidesuka/platform-features/tracking/javascript-tag-tracking/tracking-with-universal-tracking-tag-utt.md) は、フレンドウィジェットが *紹介された友人に自動的に表示する*に設定されている場合、Webページ上で自動的に読み込まれます。フレンドウィジェットでこのオプションが有効になっている場合は、このステップをスキップできます。
{% endhint %}

自動ポップアップを有効にしていないフレンドウィジェットを使用している場合、UTTはウィジェットを自動的に読み込まないため、コードスニペットを生成してページに配置する必要があります。

1. 上部のナビゲーションバーから、 ![](/files/2c38195ecc23a36266a65082c4bfc52f44a43503) **\[ユーザープロフィール] → 設定**.
2. 左側の *Advocate 設定*の下にある **インストール**.
3. で、 *ウィジェットを表示* セクションで、 **インスタントアクセス** を、表示したいウィジェットの種類として。
4. ウィジェットのドロップダウンリストから、フレンドウィジェットを選択します。
5. を選択し **埋め込みウィジェット** 表示タイプ。
6. 生成されたコードスニペットをコピーし、紹介された友人がアクセスするページに追加します。
   {% endtab %}
   {% endtabs %}


---

# Agent Instructions: 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:

```
GET https://help.impact.com/brand/ja/nitsuitebitaidesuka/advocate-program/manage-advocate-participant-experiences/widget-experiences/set-up-an-instant-access-widget.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.