メインコンテンツにスキップ
Loading...
Skip to article
  • Customer Experience
    Customer Experience
  • Employee Experience
    Employee Experience
  • Brand Experience
    Brand Experience
  • Core XM
    Core XM
  • Design XM
    Design XM

インターセプトセクションをテスト


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!


インターセプトセクションのテストについて

インターセプトを作成するとき、[インターセプトをテスト]セクションに移動して、インターセプトのテストコードを取得できます。任意のウェブサイトでインターセプトがどのように表示されるかをプレビューできます。

インターセプトのテスト

  1. テストするインターセプトが表示されたら、[インターセプトをテスト]に移動します。
    インターセプトのインターセプトセクションをテスト
  2. テストするインターセプトのバージョンを選択します。公開済みバージョンには、[公開] をクリックする前に行った最新の変更が表示されます。編集中のバージョンには、公開されているかどうかに関係なく、最後に行った変更が表示されます。
    ヒント:公開されたバージョンもプレビューできますが、公開せずに変更をプレビューできるため、編集バージョンをテストに使用することをお勧めします。これにより、訪問者にサイト上で表示される内容を変更することなく、ライブインターセプトの設定をテストできます。
  3. ブックマークレットをブックマークに保存します。ブラウザにブックマークツールバーがある場合は、ブックマークレットをツールバーにドラッグするだけで済みます。詳細な手順については、以下のブックマークバーの表示に関するセクションを参照してください。
  4. 新しいウィンドウまたはタブで、インターセプトをテストするウェブページを開きます。
    SafariではQualtricsを開き、アドレスバーの下の上部にツールバーがあります。右側で[インターセプト]をテストしています。左側はデバッグウィンドウです。
  5. ブックマークレットをクリックすると、ウェブページでそのインターセプトのコードが実行されます。
  6. 左下のウィンドウには、インターセプトの一部が失敗した場合に通知され、失敗した場合は修正する必要がある部分が表示されます。修正する必要がある部分は、次回通過します。
ヒント:ガイド付き設定を使用する場合、インターセプトをテストするオプションもあります。ガイド付き設定に記載されている手順に従って、インターセプトを公開する前にプレビューします。ガイド付き設定に記載されているステップを使用して公開する前に、インターセプトをプレビューします。ガイド設定ではブックマークレットとルート案内を提供!
ヒント:個々のインターセプトレベルでブックマークレットを実行すると、ゾーンやプロジェクトではなく所定のインターセプトを読み込んでいるため、「このゾーンのインターセプト」ロジックは同じには機能しません。

ブックマークバーの表示

ウェブブラウザーにブックマーク(またはお気に入り)ツールバーがある場合は、インターセプトのプレビューに必要なブックマークレットを保存するだけで、インターセプトをそのツールバーにドラッグできます。ブックマークツールバーがない場合は、以下の手順に従って、ブックマークツールバーをブラウザに表示する方法を説明します。

ヒント:すべてのブラウザーで、ブックマークの使用終了後に右クリックして削除できます。

モバイルブラウザでのテスト

ブックマークレットをモバイルブラウザに保存することは可能ですが、モバイルブラウザでは通常、ドラッグ & ドロップができないことを考えると、少し困難です。モバイルデバイスでのインターセプトの表示と動作をテストする最善の方法は、Web ブラウザで開発者ツールにアクセスすることです。

  1. ブラウザで開発者ツールを開きます。
  2. デバイスツールバー切替オプションにナビゲートします。Toggle Device Toolbar は、Web ブラウザの Developer Tools の左上隅で強調表示されます。
  3. モバイルビューを選択するか、テストするディメンションを入力します。開発者ツールのデバイスツールバー切替で、ドロップダウンを選択してすべてのデバイスサイズを表示します。

トラブルシューティングのヒント

インターセプトロジック

  • 値が正確であることを確認します。
  • “Is” vs の使用を確認します。”含む”
  • および/またはロジックの使用をチェックします。
  • 複数の値の中に含まれるスペースに注意します。

改訂履歴

公開済みバージョンが最新 (または予想されるバージョン) であることを確認します。

ウェブサイトフィードバックネットワークリクエストを見る

  1. ブラウザで開発者ツールを開きます。
  2. のネットワーク要求を確認しますか?Q_ZID など
    • ネットワークリクエストがありません。実装は機能していません。
    • ネットワークリクエスト: 依頼のパラメータの不整合をチェックしてください。タグ管理システムを使用してコードが導入される場合、現在のURLに対するQualtricsのリクエストのパラメーターに悪影響を及ぼすケースがあります。
    • ネットワークリクエストにエラーがあります。プロジェクトが有効化されているかどうかを確認してください。

他のハングしているスクリプト要求の検索は SAP のスクリプトに干渉する可能性がある

  1. ブラウザの任意の場所を右クリックします。
  2. [要素を検査]を選択します。
  3. [コンソール](エラーが表示される場所)を選択します。
ヒント:また、[ページソースを表示]を右クリックして選択し、プロジェクトコードが実際にページにあることを確認します。

FAQ

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