Skip to main content
Loading...
Skip to article
  • Qualtrics Platform
    Qualtrics Platform
  • Customer Journey Optimizer
    Customer Journey Optimizer
  • XM Discover
    XM Discover
  • Qualtrics Social Connect
    Qualtrics Social Connect

セッション再生のカスタムイベントのトリガ


Was this helpful?


This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The feedback you submit here is used only to help improve this page.

That’s great! Thank you for your feedback!

Thank you for your feedback!


セッション再生のカスタムイベントのトリガについて

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

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

注意:カスタムコーディング機能はそのまま提供されており、実装にはプログラミングの知識が必要です。クアルトリクスサポートでは、カスタムコーディングに関するサポートやコンサルティングを提供していません。ただし、 コミュニティの経験豊かなユーザー(英語) に尋ねてみることは可能です。カスタムコーディングサービスの詳細については、クアルトリクスの営業担当にお問い合わせください。

Google タグマネージャーによるカスタムイベントのトリガ

これは Google タグマネージャーインターフェイスのスクリーンショットです。インタフェースは、タグ設定セクションとトリガセクションの 2 つのセクションに分かれています。タグ設定セクションには、タグの HTML コードを入力できるテキストボックスが含まれています。トリガするセクションには、タグの起動に使用できるトリガの一覧が含まれています。この場合、当座預金登録イベントが発生すると、トリガが起動するように設定されます。

  1. Google タグマネージャーインスタンスにログインします。
  2. 新しいカスタム HTML タグを作成します
    ヒント:Googleタグマネージャーの手順完了について質問がある場合は、Googleのサポートドキュメントを参照してください。
  3. 新しい HTML タグに説明的な名前を付けます。
  4. HTML で、新しいカスタムイベントを作成します。たとえば、YOUR_EVENT_KEY をイベントのキーに置き換えて、次のコードを追加できます。
    var dxaEvent = new CustomEvent("YOUR_EVENT_KEY", {bubles: true});
     document.dispatchEvent(dxaEvent);
  5. トリガで、カスタムイベントをトリガする既存のイベントと一致する起動トリガを選択します。
  6. 変更を保存します。

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

  1. Adobe Experienceインスタンスにログインします。
  2. 新しいカスタムルールを作成します。
    ヒント:Adobe Experienceの手順完了について質問がある場合は、Adobeのサポートドキュメントを参照してください。
  3. わかりやすい名称を付けます (“新規当座預金” など)。
    この画像は Adobe Launch を示しています。インタフェースは 3 つのセクションに分かれています。1.左側のセクションは **Properties** セクションです。これには、現在のルールの名前と、ルールを検索するための検索バーが含まれます。2.中央のセクションは **Rules** セクションです。これには、ルールの条件とアクションが含まれます。3.右側のセクションは **アクション** セクションです。これには、ルールのトリガ時に実行されるアクションが含まれます。
  4. 既存のイベントに対応するイベントを選択します。
  5. アクションを追加します。
  6. アクションをに設定 カスタムコード
    カスタムコードアクションの実行
  7. Javascript で、新しいカスタムイベントを作成します。たとえば、YOUR_EVENT_KEY をイベントのキーに置き換えて、次のコードを追加できます。
    var dxaEvent = new CustomEvent("YOUR_EVENT_KEY", {bubles: true});
     document.dispatchEvent(dxaEvent);

    Adobe イベントの HTML

  8. コードを保存します。
  9. アクション設定を保存します。
    カスタムコードにアクションを設定した Pae に戻ります。保存ボタンもあります。
  10. ルールをレビューしてから、保存を押します。
    カスタムイベントエディターに戻り、右上にあるボタンも保存します

Javascript を使用したイベントのトリガ

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

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

セッション再生設定に表示されるイベントキー

エンジニアリングチームが実行する必要があるのは、以下の 2 行のコードを追加することだけです。

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

 document.dispatchEvent(dxaEvent);

これにより、Qualtricsはこれらのイベントをウェブサイトのセッションに関連付けることができます。API トークン、認証、または追加のサードパーティコードは必要ありません。

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

FAQ

 

当サポートサイトの日本語のコンテンツは英語原文より機械翻訳されており、補助的な参照を目的としています。機械翻訳の精度は十分な注意を払っていますが、もし、英語・日本語翻訳が異なる場合は英語版が正となります。英語原文と機械翻訳の間に矛盾があっても、法的拘束力はありません。