セッションリプレイのためのカスタムイベントのトリガー

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

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

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

注意: カスタムコーディング機能はそのまま提供され、実装するにはプログラミングの知識が必要です。クアルトリクスサポートでは、カスタムコーディングに関するサポートやコンサルティングは行っておりません。その代わり、クアルトリクスXMコミュニティの経験豊富なユーザーにいつでも質問できます。カスタムコーディングサービスの詳細をお知りになりたい場合は、クアルトリクス営業担当までご連絡ください。

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

---

×

close

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

Adobe エクスペリエンス インスタンスにログインします。

新しいカスタムルールを作成する。

Qtip: Adobe: Experienceのステップの完了について不明な点がある場合は、アドビのサポートドキュメントを参照してください。

わかりやすい名前をつけてください（たとえば「New Checking Account」）。

---

×

close

既存のイベントに対応するイベントを選択します。

アクションを追加する。

アクションセット カスタムコード

---

×

close

Javascriptで、新しいカスタムイベントを作成する。例えば、YOUR_EVENT_KEYをイベントのキーに置き換えて、以下のコードを追加します： var dxaEvent = new CustomEvent("YOUR_EVENT_KEY", {bubbles: true});
document.dispatchEvent(dxaEvent)；

---

×

close

コードを保存する。

アクションの設定を保存します。

---

×

close

ルールを評価し、「保存」をクリックします。

---

×

close

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

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

例: ユーザーが新しい当座預金口座を作成するたびにトリガーするコードをすでに持っている銀行のウェブサイトを想像してみてください。あなたのウェブ育成チームは、”newCheckingaccount: “というキーで新しいカスタムイベントを追加します。

---

×

close

エンジニアリング・チームがすべきことは、以下の2行のコードを追加することだけだ：

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

document.dispatchEvent(dxaEvent)；

こうすることで、クアルトリクスはこれらのイベントをウェブサイトのセッションと関連付けることができます。Apiトークンや認証機能、サードパーティの追加コードは必要ありません。

注意: 上記のコードの{bubbles: true} の部分に注意してください。クアルトリクスがこれらのイベントを聞くことができるように、これらのカスタムイベントを「バブル」（または増加）させることが重要です。