メインコンテンツにスキップ
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!


ヒント:このページで説明する機能にアクセスできない場合は、営業担当にお問い合わせください。デジタルフィードバックとデジタル向け CustomerXM の違いの詳細については、デジタルフィードバックとを参照してください。デジタル向け CustomerXM

ウェブサイト/アプリインサイトプロジェクトについて

Web サイト & amp; App Insights プロジェクトは、Web サイトまたはモバイルアプリでフィードバックを得るための創造的な方法です。オーバーレイ、フィードバックボタン、埋め込みコンテンツ、バナーなどの動的なグラフィックを Web サイトに表示することができます。クリエイティブと呼ばれるこれらのグラフィックは、常時表示することも、特別な状況下でのみ表示することもできます。また、クアルトリクスアンケートや選択したウェブサイトにリンクすることもできます。これらの条件とリンクを編集できる機能をインターセプトと呼びます。

プロジェクトとは、クリエイティブとインターセプトをどのように編成するかです。すべてのプロジェクトに複数のクリエイティブと複数のインターセプトを含めることができます。しかし、アクティブなクリエイティブとインターセプトが同じプロジェクトに含まれている場合、これは通常、それらが同じウェブサイトに表示されることを意味します。

注意:ウェブサイトやアプリインサイトプロジェクトが作成されると、プロジェクト、ゾーン、インターセプト、またはクリエイティブの所有権を別のクアルトリクスユーザーに移行することはできません。
注意:各ブランドには、最大 50 の Web サイト & アンプ、App Insights プロジェクト、および 1 つのプロジェクトにつき 100 件のインターセプトを含めることができます。

Web サイトとアプリインサイトプロジェクトの作成(&A)

  1. グローバルメニューからカタログを選択します。
    画像:カタログオプションを表示するために xm ロゴの横に展開されたグローバルナビゲーションのハンバーガーアイコン

    ヒント:プロジェクトは、プロジェクトまたはホームページから作成することもできます。
  2. 必要に応じてスクロール、フィルタリング、または検索を行い、適切なプロジェクトの種類を見つけます。このタイプのプロジェクトは、CoreXM、CustomerXM、および EmployeeXM で作成できます。カタログの上部にあるフィルタおよび検索バーに、選択したプロジェクトがタイルとして表示されます。タイルをクリックすると、右側に説明と開始ボタンを含むメニューが開きます。
    ヒント:この選択は、ウェブサイトやアプリインサイトの機能には影響しません。
  3. [ウェブサイト]と[アプリのインサイト]を選択します。
  4. [利用を開始する] をクリックします。
  5. プロジェクトに名前を付けます。
    名称、フォルダの項目、右下のボタン
  6. プロジェクトを作成]をクリックします。
  7. 最初にインターセプトを設定するか、セッション再生を設定するかを決定します。一方を設定した後、もう一方を設定できるようになります。
    メニューでプロジェクトの最初に設定する内容を選択する
  8. 新しいガイド付きワークフローにアクセスできる場合に[インターセプトを設定]を選択すると、フィードバックの収集方法をすぐに選択するよう求められます。これらのオプションについては、このページの残りの部分で詳しく説明します。

フィードバックの収集方法の選択

プロジェクトを作成し、[開始する]をクリックすると、
フィードバックの収集方法を尋ねられます。ウェブサイト/App Insightsプロジェクトの構築時には、さまざまなオプションを選択できます。

プロジェクトの構築方法の決定は、Web サイト、アプリ、インサイトを最大限に活用するための鍵となります。特にウェブサイトやアプリインサイトを初めて利用する場合は、完全にガイド付きエクスペリエンスを利用するために、上部の大きなタイルから[レスポンシブダイアログ]、[フィードバック]、[ 埋め込みフィードバック]、または[モバイル埋め込みフィードバック]を選択することをお勧めします。ガイド付きインターセプトの作成により、ウェブサイト、アプリ、インサイトのプロジェクトを簡単に設定できます。ただし、すでにウェブサイト& App Insightsを体験している場合は、下にスクロールして追加オプションを表示できます。そこで、一緒に繋がれるスタンドアロンのクリエイティブやインターセプトを作ることができるようになる。これは、プロジェクトに対してより複雑または専門的な設定がある場合に役立ちます。

フィードバックの収集方法を選択しますという画面が表示されます。レスポンシブダイアログおよびフィードバックタブ用の豊富なタイルが上部に表示されます。その下には、追加オプションがあります。

  • レスポンシブダイアログ、フィードバックボタン、埋め込みフィードバック、またはモバイル埋め込みフィードバック: これらのステップを続行するには、レスポンシブダイアログ、フィードバックボタン、および埋め込みフィードバックを参照してください。これらのオプションは、同じエディタ内で異なる Web およびモバイル設定を設定できるため、最も簡単に設定できるようにすることをお奨めします。これらは、プロジェクト設定全体の広範なガイドフローを実行する唯一のオプションでもあります。それぞれの簡単な説明については、以下を参照してください。
    • レスポンシブなダイアログ: 任意のデバイスサイズに応答するダイアログを使用して、重要なタイミングでフィードバックを取得します。
    • フィードバックボタン:訪問者がクリックするとスライドアウトされるフィードバックボタン(このサポートページの左側に類似)で、ページ上でフィードバックアンケートに直接記入できます。
    • 埋め込みフィードバック:コンテンツが役に立ったかどうかを訪問者が示すことができるインラインボタン(このページの各セクションの後の[はい]/[いいえ]ボタンなど)。
    • モバイル埋め込みフィードバック:モバイルアプリの操作性についてフィードバックを回収します。
  • インターセプト:インターセプトの作成を参照してください。[インターセプト]は、ウェブサイトやアプリでプロジェクトを表示するタイミングと方法を決定するルールと考えることができます。ウェブサイト/App Insightsをより経験豊富なユーザーや、アクションセットや公開権限などのクリエイティブや機能を追加する必要がある場合は、こちらから開始してください。このエクスペリエンスはガイドどおりではないため、製品でガイドされるのではなく、サポートサイトの指示に従って、追加のクリエイティブを追加し、変更を公開し、コードをデプロイする必要があります。
  • ヒント:このオプションを使用してスタンドアロンでアクションセットや承認などを利用する高度なインターセプトを作成できます。
  • クリエイティブ:クリエイティブの選択を参照してください。[クリエイティブ]は、ウェブサイトやApp Insightsプロジェクトの視覚的な要素(バナー、ウェブページで開くウィンドウ、リンクなど)と考えることができます。このオプションは、レスポンシブダイアログまたはフィードバックボタンオプションがニーズに合わず、インフォバーやモバイルアプリ固有のクリエイティブなどの代替クリエイティブを必要としているユーザに推奨されます。なお、この体験はガイドどおりではないので、製品で案内されるのではなく、サポートサイトの指示に従って、インターセプトを作成し、変更を公開し、コードをデプロイする必要がある。
  • ヒント:クリエイティブごとに異なるユースケースがあります。ガイドについては、クリエイティブのサポートページを参照してください。クリエイティブタイプは、左側のメニューにリストされています。

レスポンシブダイアログ、フィードバックボタン、埋め込みフィードバック

レスポンシブダイアログ、フィードバックボタン、または埋め込みフィードバックのいずれかを選択すると、以下のステップを完了するように求められます。

  1. インターセプトに名前を付けます。
    フィードバックの選択画面の上に新しいウィンドウが開きます。ウィンドウには、クリエイティブの名前を指定するフィールドと、それに接続するアンケートを選択するためのドロップダウンがあります。

    ヒント:「フィードバックタブ」、「平日のフィードバックリクエスト」、「サポートサイトのみ」など、訪問者がフィードバックを求めるタイミングや方法を説明するコンテンツを選択するのに役立ちます。
  2. このインターセプトでリンクされるターゲットサイトを特定します。
    • アンケートを選択:アカウントからアンケートを選択します。
    • カスタム URL の入力: アカウントの Qualtrics 調査以外にリンクする場合は、表示されたフィールドに完全な URL を貼り付けます。
      例:サポートサイトのフィードバックを収集します。このフィードバックを求めるアンケートを作成しました。このステップでリンクします。
  3. [次へ] をクリックします。
  4. 外観をカスタマイズします。先に進む前に、左側に一覧表示されている各セクションを完了してください。詳細:
    カスタマイズ用の左側のタブ

  5. 外観のカスタマイズが完了したら、 [次へ] をクリックします。
    ヒント:ここで停止して後で設定を続ける必要がある場合は、[保存して閉じる]をクリックします。
  6. ターゲットロジックを追加]をクリックして、ボタンまたはダイアログが回答者に表示されるタイミングを決定します。
    ターゲティングロジックが追加されるという、左上の小さな白いボタン

    ヒント:ブラウザーに配置されたCookieから、すでにウェブサイトの訪問者に表示されているかページのURLなどさまざまな情報に基づいて外観を制限できます。詳細については、「アクションセットのロジック」に記載されているサポートページを参照してください。
    ヒント:キーボードのShift キーを押しながらプラス記号()をクリックして個別の論理セットを作成できます。条件の構築の詳細については、「高度なアクションセットのロジック」を参照してください。
  7. 条件の追加が完了したら、[次へ]をクリックします。
    サンプル条件が追加されました。その日が太平洋標準時の月曜日で、現在の URL に /support が含まれている場合、
  8. ボタンまたはダイアログを表示する頻度を決定します。これらの各オプションの詳細については、「インターセプトオプション」を参照してください。
    インターセプトオプション
  9. XM Directoryがある場合は、[XM Directoryにリンク]を選択できます。これにより、レスポンスをコンタクトに自動的にリンクしたり、コンタクト頻度ルールを使用したり、特定のセグメントにターゲットを設定したりすることができます。詳細については、XM Directoryとデジタルインターセプトの統合を参照してください。
    XM Directory見出しの設定。より多くのオプションを表示するには切り替え、ウィンドウの右下に[次へ]ボタンを表示

    • 複数のディレクトリがある場合は、このインターセプトを接続するディレクトリを選択します。
    • インターセプトの評価時に新しい連絡先を自動的に作成する場合に選択します。指定された API を使用して連絡先情報をディレクトリに送信するには、Web サイト開発チームと協力して Javascript コードを追加する必要があります。コンタクトごとに以下の情報を追加することができます。
        • 言語
        • 追加のキーと値のペア(例:”Location”:”Seattle”,”Gender”:”Female”)。ペアを 20 個まで追加できます
    • サインインした訪問者がインターセプトアンケートを閲覧する頻度を、ディレクトリを使用して管理するかどうかを決定します。 連絡頻度ルール.
  10. 追加のインターセプトオプションを表示するには、[詳細オプションを表示]をクリックします。
  11. 終了したら、[次へ]をクリックします。
  12. レスポンシブダイアログから収集するデータポイントを追加する場合は、 埋め込みデータを追加します。
    [埋め込みデータを追加]ボタン
  13. ドロップダウンからデータタイプを選択し、値と名称を入力します。
    インターセプトに埋め込みデータを追加
  14. 埋め込みデータの追加が完了したら、[次へ]をクリックします。
  15. ページの手順に従ってブックマークレットを保存し、インターセプトをテストします。必要に応じて、ウェブサイトを別のブラウザータブで開き、ウェブサイトでインターセプトがどのように表示されるかをテストできます。
    提供されているブックマークをブラウザのブックマークバーにドラッグし、テストする Web サイトを新しいタブで開き、クリックして目的の Web サイトでテストする方法を示す手順
  16. テストが終了したら、[次へ]をクリックします。
  17. 変更内容を確認します。本稼動前に編集する場合は、鉛筆アイコンをクリックしてその手順に戻ります。
    すべての編集の概要
  18. コードスニペットをホストする Web サイトですべての変更をライブにする準備ができたら、[公開]をクリックします。そうでない場合は、保存して閉じるをクリックします。

クリエイティブの選択

ヒント:クリエイティブは、ウェブサイトやアプリインサイトプロジェクトのビジュアルコンポーネントです。たとえば、すべてのページの右側にある [フィードバック] ボタンの [これは役に立ちましたか?]各セクションの後の質問、または Web サイトへの初回アクセス時に表示されるバナー。

このオプションは、レスポンシブなダイアログまたはフィードバックボタンオプションがニーズに合わず、インフォバーやモバイルアプリ固有のクリエイティブなどの代替クリエイティブを必要とするユーザーに推奨されます。なお、この体験はガイドどおりではないので、製品で案内されるのではなく、サポートサイトの指示に従って、インターセプトを作成し、変更を公開し、コードをデプロイする必要がある。

  1. [インターセプト]タブから、右上隅の[新規作成]をクリックします。
    インターセプトタブ。右上隅の青色で新規ボタンを作成
  2. 次の画面が表示されます。
    フィードバックの収集方法を選択しますという画面が表示されます。レスポンシブダイアログおよびフィードバックタブ用の豊富なタイルが上部に表示されます。その下には、追加オプションがあります。
  3. 下にスクロールしてクリエイティブを選択します。
    一般的なカテゴリ別に分割されたクリエイティブのリスト。achには名前、説明、サムネイルがあります
  4. 名前を付けます。
    名前を追加するための新しいウィンドウ
  5. [完了] をクリックします。
  6. クリエイティブを編集]ページに直接移動し、外観をカスタマイズできます。
    クリエイティブを編集するためのページ。パレットおよび編集インタフェースがあります。
  7. 編集が完了したら、変更を公開します。
  8. [インターセプト]タブを表示します。
    インターセプトタブ。右上隅の青色で新規ボタンを作成
  9. [新規作成] をクリックします。
  10. 下にスクロールします。
  11. [インターセプト]セクションから何かを選択します。詳細については、「インターセプトの作成」のステップに従ってください。
    インターセプトオプション
  12. インターセプトの編集と公開が終了し、ウェブサイトにコードをデプロイする準備ができたら、次を参照してください。

インターセプトの作成

ヒント:インターセプトは、ウェブサイトの訪問者にクリエイティブが表示されるときの背後にあるロジックです。たとえば、訪問者に迷惑をかけないように 1 日に 1 回だけダイアログが表示される場合や、フィードバックボタンは URL に “support” が含まれているページにのみ表示されます。

ウェブサイト/App Insightsをより経験豊富なユーザーや、アクションセットや公開権限などのクリエイティブや機能を追加する必要がある場合は、こちらから開始してください。このエクスペリエンスはガイドどおりではないため、製品でガイドされるのではなく、サポートサイトの指示に従って、追加のクリエイティブを追加し、変更を公開し、コードをデプロイする必要があります。

  1. [インターセプト]タブから、右上隅の[新規作成]をクリックします。
    インターセプトタブ。右上隅の青色で新規ボタンを作成
  2. 次の画面が表示されます。
    フィードバックの収集方法を選択しますという画面が表示されます。レスポンシブダイアログおよびフィードバックタブ用の豊富なタイルが上部に表示されます。その下には、追加オプションがあります。
  3. インターセプト]まで下にスクロールします。
    インターセプトオプション
  4. Web サイトのフィードバックを収集しているか (Web インターセプト)、モバイルアプリフィードバックプロジェクトを実行しているか (モバイルアプリインターセプト) を決定します。
  5. インターセプトに名前を付けます。
    名前を追加するための新しいウィンドウ
  6. [完了] をクリックします。
  7. インターセプトを編集]ページに直接移動し、ウェブサイトの訪問者にインターセプトが表示される条件をカスタマイズできます。
    インターセプトを編集しています。ページの中央に、左にインターセプトの一覧、上部にツールバーが表示され、すべてのアクションセットが表示されます。

  8. 編集が完了したら、クリエイティブを公開します
  9. [インターセプト]タブを表示します。
  10. [新規作成] をクリックします。
  11. 下にスクロールします。
  12. クリエイティブを選択します。詳細については「クリエイティブの選択」の手順に従ってください。
  13. インターセプトの編集と公開が終了し、ウェブサイトにコードをデプロイする準備ができたら、次を参照してください。

既存のプロジェクトの編集

このセクションでは、ウェブサイト& App Insightsプロジェクトのナビゲート方法を説明します。

このプロジェクトのメインページの外観を表示

  1. インターセプトとクリエイティブはどちらも[インターセプト]の下に表示されます。 クリックすると、ナビゲーション/利用可能な機能はこれまでと同じになります。
    ヒント: スタンドアロンのインターセプトとガイドフローインターセプト([レスポンシブ]ダイアログと[フィードバック]ボタン)は、このタブの[インターセプト]セクションの下に表示されます。スタンドアロンのクリエイティブは[クリエイティブ]の下に表示されます。
  2. セッションリプレイでは、セッションリプレイによってキャプチャされたユーザセッションを表示できます。
  3. 統計は、プロジェクト全体の統計に引き続き転送されます。
  4. ユーザーはプロジェクトユーザーを表示および編集できる場所です。
  5. デプロイメントにはプロジェクトのデプロイメントコードがあります。
  6. 設定には一般的なプロジェクト設定のほか、インターセプトやセッション再生の設定がある。
  7. [インターセプト]タブの上部にある[コードスニペットを取得]をクリックしてプロジェクトコードを取得することもできます。
  8. 新規作成]をクリックして、クリエイティブとインターセプトをプロジェクトに追加します。

Web サイトとアプリのインサイトプロジェクトの管理

[プロジェクト] ページには、プロジェクトで実行できる追加の処理があります。

プロジェクトアクションドロップダウン

ウェブサイト/App Insightsプロジェクトの横にあるドロップダウンメニュー

  • 無効化/有効化:プロジェクトが有効になると、その中のすべてのインターセプトとクリエイティブ(個別に無効化されていないもの)は、プロジェクトのデプロイコードを貼り付けるウェブサイトでも引き続き機能します。プロジェクトが非アクティブ化されると、その中のすべてのインターセプトとクリエイティブがシャットダウンされます。これにより、コードを削除せずにウェブサイト/アプリインサイトプロジェクトを削除できます。また、多数のクリエイティブとインターセプトを個別に編集せずに一度に無効化できます。
    注意: ブックマークレットのテストは、無効なプロジェクトでは機能しません。
  • コラボレーション:ウェブサイト&amp、App Insightsプロジェクトの編集に役立つユーザーを決定します。
  • プロジェクト名の変更: プロジェクトの名称を変更します。
  • プロジェクト削除: プロジェクトを削除します。
    注意:プロジェクト内のすべてのクリエイティブとインターセプトが完全に削除されます。注意して進めてください。
  • [フォルダーで表示]:プロジェクトが保存されているフォルダーに移動します。このオプションは、プロジェクトがフォルダに並べ替えられていない場合、またはプロジェクトのホームフォルダにいる場合は表示されません。

FAQ

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