# インスタントアクセスウィジェットを設定する

<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種類あります：

* その *ウェブサイトリファラルウィジェット* 顧客擁護者がリファラルプログラムに簡単に参加し、共有リンクにアクセスするための手段を提供します。
* その *フレンドウィジェット* 紹介された顧客をアドボケートプログラムに登録し、メールアドレスを提供したときに割引コードのような報酬を発行します。顧客擁護者の友人が共有リンクをクリックしたときのランディングページに表示されるべきです。

インスタントアクセスウィジェットの仕組みの詳細については、次を参照してください [ウィジェットの種類の説明](https://help.impact.com/brand/ja/nitsuitebitaidesuka/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained).

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

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

{% tabs %}
{% tab title="ウェブサイトリファラルウィジェット" %}

1. 左側のナビゲーションメニューから、 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → プログラムルール**.
2. を選択します **コンテンツ** ページ上部のタブ。
3. で *ウェブサイトリファラルウィジェット* カードで、選択します **編集**.

   <div data-with-frame="true"><figure><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-a0398b6c9b71c256fea85550506874cf0377a607%2Ff5648a86b40844c6676a764001190fdfbe86374db80a442fedebbaf89dcd4669.jpg?alt=media" alt=""><figcaption></figcaption></figure></div>
4. テンプレートの外観と内容を調整します。
   * ウィジェットエディタの使い方の詳細については、次を参照してください [プログラムウィジェットのカスタマイズ](https://help.impact.com/brand/ja/nitsuitebitaidesuka/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets)。次のグループのコンポーネントはインスタントアクセスウィジェットに追加できません： *報酬*, *統計*, *マイクロサイトコンポーネント*または *紹介*.
5. ウィジェットへの変更を保存します。
   {% endtab %}

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

1. 左側のナビゲーションメニューから、 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → プログラムルール**.
2. を選択します **コンテンツ** ページ上部のタブ。
3. で *フレンドウィジェット* カードで、選択します **編集**.

   <div data-with-frame="true"><figure><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-0c8a42b6f8f90356d7db2912f361ecda4cb0badf%2Fbf9a54620d614aaa9ccba1440a70ac64b498b9a9dca5fcbf9ef3ef5c98e94c63.jpg?alt=media" alt=""><figcaption></figcaption></figure></div>
4. テンプレートの外観と内容を調整します。
   * ウィジェットエディタの使い方の詳細については、次を参照してください [プログラムウィジェットのカスタマイズ](https://help.impact.com/brand/ja/nitsuitebitaidesuka/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets)。次のグループのコンポーネントはインスタントアクセスウィジェットに追加できません： *報酬*, *統計*, *マイクロサイトコンポーネント*または *紹介*.
5. オプションで、 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-b5e1740618ed6571d97b8fed7c25a7678f85d375%2F299632fb6f4f91fbf9847471754cc6180e4284a65b4960af4c4ea472a159f552.svg?alt=media) **\[未チェックのボックス] 表示** にマークされます *フレンドウィジェット* カードを *紹介された友人に自動表示する*.
   * このオプションは自動ポップアップ機能を有効にします。自動ポップアップは、ランディングページでフレンドウィジェットを目立たせることで、紹介された友人の体験をより魅力的にします。
6. ウィジェットへの変更を保存します。
   {% endtab %}
   {% endtabs %}

#### ステップ2：フレンドウィジェットで報酬を発行するように設定する（任意）

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

{% hint style="info" %}
**注：** 既にプログラム用のフューエルタンク報酬が設定されている場合は、次を編集できます [既存の報酬](https://help.impact.com/brand/ja/nitsuitebitaidesuka/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward) および変更します *アクセスの種類* して **インスタントアクセス** 代わりに。
{% endhint %}

1. セットアップする [フューエルタンク報酬](https://help.impact.com/brand/ja/nitsuitebitaidesuka/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward).
   * フューエルタンクは、impact.comがフレンドウィジェットに表示するユニークな割引をアップロードする場所です。
2. 左側のナビゲーションメニューから、 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → プログラムルール**.
3. を選択します **プログラムの動作** ページ上部のタブ。
4. 紹介された友人に報酬を発行するプログラムルールを見つけ、次を選択します ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-830c4bcd7062a740c2beb07eaab9dbc0bebb941e%2Fc4c9ce310b96f63e13be975709c4aac596168e13e48d31916422fa0128ad1469.svg?alt=media) **\[アクションを編集]**.

   <div data-with-frame="true"><figure><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-db86a48b3edc25f7452258dfcd6e215adfd4d4fc%2F3afad2adff20d31faf9874033f80a565e462459341801f2b483af8b07ff8c17f.jpg?alt=media" alt=""><figcaption></figcaption></figure></div>
5. アクションが次を送信することを確認します **報酬とメール** 宛先は **友人**、次に選択 **次へ**.
6. の上部で、 *報酬を編集* 画面で、選択します **事前設定された報酬を使用する**.

   <div data-with-frame="true"><figure><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-0c279d2b9565e090b9d307487a89253949ea82d5%2F7922f00a4660ca4be39e63403b51343ac0eeb85dd15e6497e15fc10536d22c1e.jpg?alt=media" alt=""><figcaption></figcaption></figure></div>
7. から *報酬* ドロップダウンリストで、作成したフューエルタンク報酬を選択します。
8. 選択します **次へ**、次にアクションを確認して選択します **保存**.

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

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

{% tabs %}
{% tab title="ウェブサイトリファラルウィジェット" %}

1. 上部ナビゲーションバーから、 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-1183576591b45997efe4dc81a25024640591d02a%2F245137dc972a7a7f6165b59538fcdbac8fd5bd8fee4ba9f20c1a2982c5b58b57.svg?alt=media) **\[ユーザープロファイル] → 設定**.&#x20;
2. 左側の、下に *Advocate 設定*、を選択します **インストール**.
3. ウィジェットのドロップダウンリストから、作成したインスタントアクセスウィジェットのいずれかを選択します。
4. コードスニペットを生成する対象としてどちらを選ぶか決めます **埋め込みウィジェット** または **ポップアップウィジェット**.
   * 埋め込みウィジェットはウェブページ内に直接表示されます。
   * ポップアップウィジェットは、参加者が指定したボタンやリンクをクリックした後にポップアップで読み込まれます。
5. 生成されたコードスニペットをコピーし、あなたのeコマースプラットフォームまたはランディングページに追加します。
   {% endtab %}

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

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

1. 上部ナビゲーションバーから、 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-1183576591b45997efe4dc81a25024640591d02a%2F245137dc972a7a7f6165b59538fcdbac8fd5bd8fee4ba9f20c1a2982c5b58b57.svg?alt=media) **\[ユーザープロファイル] → 設定**.&#x20;
2. 左側の、下に *Advocate 設定*、を選択します **インストール**.
3. メニューで、 *ウィジェットを表示* セクションで、 **インスタントアクセス** 表示したいウィジェットの種類として
4. ウィジェットのドロップダウンリストからあなたのフレンドウィジェットを選択します。
5. を選択します **埋め込みウィジェット** 表示タイプ。
6. 生成されたコードスニペットをコピーして、紹介された友人がアクセスするページに追加します。
   {% endtab %}
   {% endtabs %}
