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!


シングルページアプリケーションについて

シングルページアプリケーション (SPA) は、特殊なタイプの Web アプリです。SPA では、Web サイトの入力時に 1 つのページがロードされ、その時点から、ナビゲートした同じページに後続のすべてのコンテンツがロードされます。これは通常のウェブサイトのように動作するようになりますが、「ページ」を切り替えると、ページは実際にはリロードされません。

デフォルトでは、デプロイコードは Web ページがロードされるとすぐに実行されます。ただし、ページ間をナビゲートしても SPA はリフレッシュされないため、ページ間をナビゲートしても、デプロイメントコードが再評価されることはありません。以下に示す手法を使用することで、SPA サイトでデプロイコードをシームレスに機能させることができます。

ヒント:これらの手法の中には、ウェブサイトフィードバックのJavaScriptAPIを使用するものがあります。Qualtrics の Web サイトフィードバック用 JavaScript API の詳細については、このページを参照してください。
注意:以下の文書を導入するには、プログラミングの知識が必要です。この情報は、デプロイメントコードを実装するチームに渡すことをお奨めします。クアルトリクスサポートチームでは、カスタムコーディングに関するサポートやコンサルティングは提供していません。ただし、 コミュニティの経験豊かなユーザー(英語) に尋ねてみることは可能です。カスタムコーディングサービスの詳細については、クアルトリクスの営業担当にお問い合わせください。
ヒント:Javascriptはすべてのクアルトリクスライセンスに含まれているわけではありません。アクセス権の取得に関心がある場合は、クアルトリクスの営業担当にお問い合わせください。

URL 変更時のインターセプトロジックの自動再評価

シングルページアプリケーションがユーザーナビゲーションのクライアント側ルーティングに依存している場合は、URL がウェブサイトフィードバックプロジェクトレベルで変更されたときにインターセプト再評価ロジックを有効にすることで、後続の URL 変更時にインターセプトの再評価を強制できます。この設定を選択すると、初期ページのロード時に行われる評価に加えて、インターセプトロジック評価が可能になります。

インターセプトロジックの自動再評価を有効化するには、以下の手順に従います。

  1. ウェブサイトフィードバックプロジェクトで、[設定]に移動します。ウェブサイトフィードバックの[設定]ページからプロジェクトオプションへの移動
  2. [プロジェクトを管理]をクリックします。
  3. ドロップダウンメニューからプロジェクトオプションを選択します
  4. シングルページアプリ (SPA) サポートセクションで、URL の変更時にインターセプトロジックを再評価してください。プロジェクトオプションの URL 変更オプションにチェックが付けられている場合、インターセプトロジックを再評価
ヒント:この動作をテストする場合は、プロジェクトレベルのブックマークレットを使用する必要があります。この動作をテストするために特定のインターセプトのブックマークレットを使用することはできません。

注意: この SPA 設定をインターセプトレベルオプションとともに使用してカスタム Javascript コードで (マニュアルで) 表示する場合は、引き続き
を呼び出す必要があります。

QSI.API.run();

インターセプトを各 SPA ページに表示するためのメソッドです。

JavaScript API を使用したマニュアル実装

ヒント:Qualtrics ウェブサイトフィードバック用 JavaScript API の詳細については、このページを参照してください。

この方法では、手動で実行するためにデプロイコードを切り替える方法の概要を示します。  つまり、デプロイコードは、適切な JavaScript API 要求が開始されるまで、関連するロジックを実行または評価しません。

マニュアル実装

  1. 設定タブにナビゲートします。
    ウェブサイトフィードバックの[設定]ページからプロジェクトオプションへの移動
  2. プロジェクト管理ドロップダウンをクリックします。
  3. [プロジェクトオプション]を選択します。
  4. [プロジェクトの手動ロード] オプションを有効化します。
    プロジェクト設定でプロジェクトを手動でロードするオプションにチェックが付けられています。
  5. インターセプト]タブに戻り、必要に応じて[インターセプト]または[アクションセット]にロジックを設定します。
    インターセプトページのロジックを設定しています
  6. デプロイコードを Web サイト(できればグローバルヘッダーまたはフッター)に配置し、すべてのページにロードされるようにします。
  7. ウェブサイトにインターセプトの参照回数に基づいて、適切なJavaScriptAPIリクエストを追加します。これらの依頼については、以下のセクションを参照してください。

JavaScript API 要求

ヒント:Qualtrics ウェブサイトフィードバック用 JavaScript API の詳細については、このページを参照してください。

Qualtricsが単一のインスタンスでプロジェクトを評価する場合は、次の 2 つのリクエストを使用します。

  1. この要求では、ページのインターセプトとクリエイティブのデプロイコードがロードされます。”load” API は、コードがあるページを再ロードすることと同じです。
    QSI.API.load();
    ヒント:プロジェクト設定で[プロジェクトを手動でロード]を有効にしている場合、初期ページのロード時にこの API を呼び出してデプロイコードをロードする必要はありません。リロードなしで発生するページ上の状態変更を考慮して、強制的にロードする必要があります。
  2. これにより、デプロイコード評価が開始され、クリエイティブが表示条件を満たした場合に表示されます。
    QSI.API.run();

Qualtricsで同じページでプロジェクトコードを複数回評価する場合は、次の3つの手順を毎回繰り返します。

  1. この要求により、ページに存在するインターセプトまたはクリエイティブのデプロイコードが削除されます。
    QSI.API.unload();
  2. これにより、ページのインターセプトまたはクリエイティブのデプロイコードがロードされます。これは、ページのリロードと同じです。
    QSI.API.load();
  3. これにより、デプロイコード評価が開始され、クリエイティブが表示条件を満たした場合に表示されます。
    QSI.API.run();

FAQ

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