ウェブサイト条件
このページの内容
ヒント:このページで説明する機能にアクセスできない場合は、営業担当にお問い合わせください。デジタルフィードバックとCustomerXM for Digitalの違いの詳細については、デジタルフィードバックとCustomerXM for Digitalを参照してください。
サイトの条件について
ロジックに使用したい訪問者についての詳細情報が保存されている場合があります。このセクションでは、ウェブサイトの条件について学びます。このような条件はCookie値、Javascript式、サイトのHTMLなどを基にすることができます。
Adobe Analytics
Adobe Analyticsの変数値に基づいてクリエイティブを表示することができます。この条件を使用するためには、ウェブサイトがAdobe Analyticsと事前に統合されている必要があります。詳細については、Adobe Analytics Extensionを参照してください。
Adobe Analyticsの条件をセットするには
Cookie
Cookieの値は、訪問者のブラウザに保存されているCookieに指定した値が含まれている場合に、クリエイティブを表示するために使用できます。例えば、Return Visitorと呼ばれるクッキーを保存し、訪問者が再訪問者の場合はTrue、新規訪問者の場合はFalseに等しいとすると、再訪問者のみをターゲットにすることができます。
Qtip: ブラウザのセキュリティ制限により、ウェブサイトフィードバックはあなたのウェブサイトによって保存されたクッキーのみを見ることができます。他のウェブサイトによって保存されたクッキーはアクセスできません。
ご注意: ウェブサイトフィードバックやその他のクライアント側スクリプトは、「HttpOnly」属性が設定されたクッキーを読み取ることはできません。詳しくはこのページをご覧ください。
警告: カスタムコーディング機能はそのまま提供されるため、実装にはプログラミングの知識が必要になる場合があります。クアルトリクスサポートチームでは、カスタムコーディングに関するサポートやコンサルティングは提供していません。その代わり、クアルトリクスXMコミュニティの経験豊富なユーザーにいつでも質問できます。カスタムコーディングサービスの詳細をお知りになりたい場合は、クアルトリクス営業担当までご連絡ください。
クッキーの条件を作成するには
イベントトラッキング
イベントトラッキングを使用すると、訪問者がどのページを見たかだけでなく、ウェブサイト上の特定のイベントを聞くことができます。イベントには、銀行サイトで月次明細書をダウンロードする、コマースサイトでライブエージェントとチャットする、などの訪問者のアクションが含まれます。
イベントトラッキングの設定方法については、リンク先のサポートページをご覧ください。
イベント追跡条件を作成するには
サイトのHTML
サイト条件のHTMLは、ページのHTMLを読み取り、HTML要素に指定した値が含まれている場合にクリエイティブを表示するために使用できます。例えば、ショッピングカートに2つ以上の商品を入れている訪問者をターゲットにしたい場合、ショッピングカート要素のIDを使用して、その要素に2以上の数字が含まれているかどうかをロジックのベースにすることができます。
この例では、ショッピングカートに2つ以上の商品がある場合にクリエイティブを表示することにしました。このボタンのHtmlを見ると、カート内のアイテム数を含むHTML要素のIDはqty-in-cartであることがわかります。
Qtip: ターゲットしたい要素にID属性がなく、追加することもできない場合は、JavaScript Expression条件を使ってその要素をターゲットすることを検討してください:
document.getElementsByClassName('qty-in-cart')[0];例えば、ショッピング・カートにIDはないがclass=”qty-in-cart “があり、ページ上でこのクラスを持つ最初の要素であった場合、このJavaScript式を使ってターゲットにすることができる。
サイト条件でHtmlを作成するには
Javascript式
この条件は、JavaScriptの式の値に応じてクリエイティブを表示するために使用することができます。多くの場合、ウェブサイトは訪問者に関する情報をJavaScriptの変数に保存する。たとえば、訪問者が現在の顧客であるか、潜在的な顧客であるかを変数に格納することができます。
この例では、navigator.languageという変数が訪問者の言語設定を保存します。このインターセプトは、彼らが英語でブラウザーを使用している場合、クリエイティブを表示します。
Qtip: JavaScriptの表現を通して、どのようなデータがウェブサイト上で利用可能なのかがわからない?ウェブチームに確認してください。
JavaScript式条件を作成するには
Googleデータレイヤー
この条件を使用すると、Googleデータレイヤーに保存されている値に応じてクリエイティブを表示することができます。多くの場合、ウェブサイトは訪問者に関する情報をデータレイヤー変数に保存する。たとえば、訪問者が現在の顧客であるか、潜在的な顧客であるかを変数に格納することができます。クアルトリクスはこれらの変数が更新されるとリロードすることができ、リアルタイムのターゲティングが可能になります。
この例では、navigator.languageという変数が訪問者の言語設定を保存します。このインターセプトは、彼らが英語でブラウザーを使用している場合、クリエイティブを表示します。
Qtip:Googleデータレイヤーを通してウェブサイト上でどのようなデータが利用可能なのかが分かりませんか?ウェブチームまたはアナリティクスチームに確認してください。
googleデータレイヤーの条件を作成する。
FAQs
アクションセットでロジックを使うべきタイミングは?
アクションセットでロジックを使うべきタイミングは?
例えば、クリエイティブは画面サイズに反応しないため、Webサイト閲覧者がモバイル端末を使っているかどうか、特定の画面サイズでWebサイトを表示しているかどうかに着目したアクションセットロジックを実装したいユーザーも少なくありません。このようにロジックを駆使することで、適切なフォーマットとサイズのクリエイティブを適切な人物に向けることができるのです。
また、位置情報をもとにしたアクションセットロジックにより、Webサイト閲覧者に最も適した言語で書かれたクリエイティブを表示させることも可能です。
インターセプトを有効化しましたが、サイトに表示されません。なぜですか?
インターセプトを有効化しましたが、サイトに表示されません。なぜですか?
- ロジック:インターセプトのターゲティングロジックとアクションセットロジックは、サイト訪問者にインターセプトを表示するために満たす必要のある条件です。このロジックを確認すると、インターセプトがページに表示されない理由を特定するのに役立ちます。
- 「次を含む」を使用するロジックセット:「次を含む」の使用は、ロジックエラーの一般的な原因です。です。条件が「次を含む」とは、ロジックの基準となるパラメーター(現在のURLなど)に、指定した値が他の情報とともに追加で含まれることを意味します。例えば、「現在のURLに「qualtrics」が含まれる」というロジックがあった場合、URLに「qualtrics」という単語が含まれていれば、どのURLでもインターセプトが表示されることになります。もう1つのオプションは、現在のURLが[URL]であるという条件を使用することです。この条件は、訪問したURLが完全に一致しているかどうかに基づきます。相違点や追加の文字があると、インターセプトのロジックがパスしなくなります。
- インターセプトのリビジョン:インターセプトを編集する際、インターセプトが公開されるまで変更は反映されません。インターセプトを公開すると、そのインターセプトのバージョン、つまり「リビジョン」が保存されます。加えられた変更を確認することは、インターセプトが突然表示されなくなった原因となりうる変更を特定するのに非常に役立ちます。
- デバッグウィンドウ:デバッグウィンドウは、特定のページでインターセプトが表示されない理由をテストするための非常に便利なツールです。
2019年3月より前にデプロイメントコードが実装されたインターセプトの場合、デバッグウィンドウを有効にするには、Q_DEBUGというクエリ文字列を任意のURLに追加します。次のように、先頭に「?」または「&」を付ける必要があります。例:https://www.qualtrics.com?Q_DEBUG、https://www.qualtrics.com/blog?item=value&Q_DEBUG
2019年3月以降にデプロイメントコードが実装されたインターセプトについては、ウェブページのコンソールで次のJavaScriptスニペットを実行してください。デバッグウィンドウには、URL で実行されているインターセプトが表示されるために必要なすべての条件が詳細に表示されます。インターセプトが表示されない場合は、デバッグウィンドウでそのインターセプトを探し、赤色で表示されている失敗の警告を特定します。
QSI.API.unload();
QSI.isDebug = true;
QSI.API.load();
QSI.API.run();ヒント:コードがタグマネージャーを使用して実装されている場合、ウェブサイトインサイトのデバッガーは機能しません。また、URLに「?」を含むクエリ文字列が既にある場合、デバッガーでは代わりに「&」が必要になります。 - ネットワークリクエスト:ほとんどのブラウザには、サイトのソースコード、リソース、Cookie、ネットワークコールを確認できる開発者ツールメニューがあります。ウェブサイトインサイトは、これらのツールのネットワークセクションで明確な存在感を示しています。これらのスクリプトが実行されているか確認するには、開発者ツールを開き、[ネットワーク]セクションに移動します。この画面でウェブページを再読み込みすると、ウェブサイトが行っているすべてのネットワークリクエストがメニューに表示され始めます。Website Insightsのコードを特定するには、?Q_ZIDまたは?Q_SIDで始まるコールを探します。これは、表示ロジックのチェックを実行しているコード自体です。この形式に一致するものが見つからない場合は、プロジェクトコードの実装に問題があります。コードを配置するのに最適な場所に関するアドバイスについては、実装に関するサポートページをご参照ください。
- コンテンツセキュリティポリシーの問題:コンテンツセキュリティポリシーに違反するコンソールログが表示される場合、ウェブサイト上の制限によってクアルトリクスのインターセプトの展開がブロックされている可能性が高いです。解決するには、貴社のウェブ開発チームにご連絡いただくことをお勧めします。インターセプトが機能するように、通常、コンテンツセキュリティポリシーヘッダーで以下の項目を許可リストに登録することをお勧めします。
- connect-src https://*.qualtrics.com
- frame-src https://*.qualtrics.com
- img-src https://siteintercept.qualtrics.com
- script-src https://*.qualtrics.com
- SPA URLの処理:サイトでシングルページアプリケーション(SPA)フレームワークを使用している場合は、ビュー間を移動する際にコードがhistory.pushState()をトリガーするようにしてください。一部のフレームワークでは、新しい履歴エントリをプッシュせずにURLの再レンダリングや更新を行う場合があり、これによりインターセプトが実行されないことがあります。useEffectまたは同様のlifecycleフックを使用している場合は、インターセプトのロジックがナビゲーションの完了後に実行されるようにしてください。
素晴らしい! フィードバックありがとうございます!
フィードバックありがとうございます!