記事テンプレート

セッションリプレイのカスタムイベントのトリガーについて

セッションリプレイセクションでカスタムイベントを設定したら、ウェブサイト上でイベントをトリガー（または “emit”）する必要があります。ウェブサイトがタグマネージャーを使用している場合、そのプラットフォームで既存のイベントを活用して、クアルトリクスのカスタムイベントを簡単にトリガーできる可能性があります。

このページでは、GoogleタグマネージャーとAdobe Launchの例をご紹介します。タグ管理ソリューションがない場合は、ウェブサイトの製品コードで使用できるJavascriptソリューションもあります。

Googleタグマネージャーでカスタムイベントをトリガーする

1. Google タグマネージャーのインスタンスにログインします。
2. カスタムHTMLタグを新規作成する。
   Qtip:Googleタグマネージャーのステップの完了について質問がある場合は、Googleのサポートドキュメントを参照してください。
3. 新しいHtmlタグに説明的な名前を付けます。
4. Htmlで、新しいカスタムイベントを作成します。例えば、YOUR_EVENT_KEYをイベントのキーに置き換えて、以下のコードを追加します：

   var dxaEvent = new CustomEvent("YOUR_EVENT_KEY", {bubbles: true});
   document.dispatchEvent(dxaEvent)；

5. トリガー]で、カスタムイベントをトリガーしたい既存のイベントに一致する発射トリガーを選択します。
6. 変更を保存します。

Adobe Launchを使用したイベントのトリガー

1. Adobe エクスペリエンス インスタンスにログインします。
2. 新しいカスタムルールを作成する。
   Qtip：AdobeExperienceのステップの完了について不明な点がある場合は、アドビのサポートドキュメントを参照してください。
3. わかりやすい名前をつけてください（たとえば「New Checking Account」）。
   
4. 既存のイベントに対応するイベントを選択します。
5. アクションを追加する。
6. アクションセット カスタムコード
   
   
7. Javascriptで、新しいカスタムイベントを作成する。例えば、YOUR_EVENT_KEYをイベントのキーに置き換えて、以下のコードを追加します：

   var dxaEvent = new CustomEvent("YOUR_EVENT_KEY", {bubbles: true});
   document.dispatchEvent(dxaEvent)；

   

8. コードを保存する。
9. アクションの設定を保存します。
   
10. ルールを評価し、「保存」をクリックします。
    

Javascriptによるイベントのトリガー

クアルトリクスは、W3C StandardCustom Eventインターフェイスを使用しており、エンジニアリングチームがクアルトリクスが観察できるイベントを簡単に発行することができます。

var dxaEvent = new CustomEvent("newCheckingaccount", {bubbles: true});

document.dispatchEvent(dxaEvent)；

FAQ