セッション再生のカスタムイベントのトリガ
セッション再生のカスタムイベントのトリガについて
セッション再生セクションでカスタムイベントを設定したら、Web サイトでイベントをトリガ (または “送信”) する必要があります。ウェブサイトがタグマネージャーを使用している場合、そのプラットフォームの既存のイベントを活用して、クアルトリクスのカスタムイベントを簡単にトリガーできる場合があります。
このページには、Google タグマネージャーと Adobe Launch でこれを行う方法の例があります。タグ管理ソリューションがないと、ウェブサイトの製品コードで使用できるJavascriptソリューションもあります。
注意:カスタムコーディング機能はそのまま提供されており、実装にはプログラミングの知識が必要です。クアルトリクスサポートでは、カスタムコーディングに関するサポートやコンサルティングを提供していません。ただし、 コミュニティの経験豊かなユーザー(英語) に尋ねてみることは可能です。カスタムコーディングサービスの詳細については、クアルトリクスの営業担当にお問い合わせください。
Google タグマネージャーによるカスタムイベントのトリガ
- Google タグマネージャーインスタンスにログインします。
- 新しいカスタム HTML タグを作成します。
ヒント:Googleタグマネージャーの手順完了について質問がある場合は、Googleのサポートドキュメントを参照してください。
- 新しい HTML タグに説明的な名前を付けます。
- HTML で、新しいカスタムイベントを作成します。たとえば、YOUR_EVENT_KEY をイベントのキーに置き換えて、次のコードを追加できます。
var dxaEvent = new CustomEvent("YOUR_EVENT_KEY", {bubles: true}); document.dispatchEvent(dxaEvent);
- トリガで、カスタムイベントをトリガする既存のイベントと一致する起動トリガを選択します。
- 変更を保存します。
Adobe Launch を使用したイベントのトリガ
- Adobe Experienceインスタンスにログインします。
- 新しいカスタムルールを作成します。
ヒント:Adobe Experienceの手順完了について質問がある場合は、Adobeのサポートドキュメントを参照してください。
- わかりやすい名称を付けます (“新規当座預金” など)。
- 既存のイベントに対応するイベントを選択します。
- アクションを追加します。
- アクションをに設定 カスタムコード
- Javascript で、新しいカスタムイベントを作成します。たとえば、YOUR_EVENT_KEY をイベントのキーに置き換えて、次のコードを追加できます。
var dxaEvent = new CustomEvent("YOUR_EVENT_KEY", {bubles: true}); document.dispatchEvent(dxaEvent);
- コードを保存します。
- アクション設定を保存します。
- ルールをレビューしてから、保存を押します。
Javascript を使用したイベントのトリガ
クアルトリクスは、W3C標準カスタムイベントインターフェースを使用しています。これにより、エンジニアリングチームはクアルトリクスが観察できるイベントを簡単に発行できます。
例:ユーザーが新しい当座預金を作成するたびにトリガーされるコードがすでにある銀行の Web サイトを想像してみてください。Web 開発チームが、”newCheckingaccount” というキーを持つ新しいカスタムイベントを追加します。
エンジニアリングチームが実行する必要があるのは、以下の 2 行のコードを追加することだけです。
var dxaEvent = new CustomEvent("newCheckingaccount", {bubles: true});
document.dispatchEvent(dxaEvent);
これにより、Qualtricsはこれらのイベントをウェブサイトのセッションに関連付けることができます。API トークン、認証、または追加のサードパーティコードは必要ありません。
注意上記のコードの{bubbles: true}の部分に注意してください。クアルトリクスがリスンできるように、これらのカスタムイベントを「吹き込む」(または増やす)ことが重要です。
FAQ