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

ステップ 3:クリエイティブの構築


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

クリエイティブのタイプの選択

新しいウェブサイト/App Insightsプロジェクトを開いた
ら、クリエイティブの作成を開始します。最も人気が高いクリエイティブのタイプを次に示します。

  • レスポンシブなダイアログ:このクリエイティブは、ポップオーバーやスライダークリエイティブに似ています。これは Web ページの上部に表示され、訪問者のデバイスサイズに合わせて自動的に拡大/縮小されます。このクリエイティブは、他のクリエイティブタイプで必要となる追加の JavaScript ベースの更新を必要とせずに、すぐに使用できるアクセシビリティ機能を提供します。
  • ポップオーバー: 訪問者の注目を集めるには、このクリエイティブタイプを使用します。
  • フィードバックボタン: フィードバックボタンは、必要な貴重なフィードバックを微妙に収集する場合に特に便利です。デザインが固定されているため、このクリエイティブなものが、最も簡単に使用および実装できます。
  • スライダ: スライダーのクリエイティブの外観はフィードバックボタンと似ています。訪問者がスライダーのタブ部分をクリックすると、スライダーの残りの部分がウェブページの枠線からスライドして現れます。

ヒント:フィードバックボタンとスライダーは、どちらもサイト訪問者からフィードバックを収集する微妙な方法です。これらの中から選択する場合は、以下の点に注意してください。

  • スライダの場合、最初はタブのみが訪問者に表示されます。選択後、またはページのスクロール時に、クリエイティブの残りの部分がアニメーションされます。この動作の例は、このサポートページにあります。このページには、フィードバックというタブが表示されています。
  • フィードバックボタンはこのように動作することもできますが、これは 2019 年 9 月 27 日以降に作成し、[Web 表示] アニメーションを [スライダ] に設定した場合に限られます。
  • [フィードバック] ボタンには、フィードバックボタンをクリックすることで、代わりに新しいウィンドウで調査を開くオプションもあります。これは、Web 表示アニメーションを新規ウィンドウに設定した場合に可能です。

クリエイティブの設計

クリエイティブのタイプを選択
したら、[編集]セクションでニーズに合わせてカスタマイズを開始できます。クリエイティブなデザインをきれいにしておきますが、ポップにするのを恐れないでください。必ずウェブデザインチームに問い合わせて、クリエイティブが会社やウェブサイトに関連付けられているスタイルガイドに従っていることを確認してください。

クリエイティブエディターの[編集]セクション

クリエイティブに関する多くの内容をカスタマイズできますが、ここでは考慮すべき主な事項をいくつか示します。

  • サイジング:クリエイティブのディメンションは、デスクトップとモバイルの両方のビューに表示されると変わりません。インターセプトを2つの異なるデバイスタイプで表示する場合は、2つのクリエイティブを作成する必要があります。1は モバイル最適化と協力して作業する際に行われます。それ以外の場合は、モバイルとデスクトップの両方のビューに表示されるように、クリエイティブをフォーマットすることが重要です。クリエイティブの寸法を調整することは スクロールバーの消去と協力して作業する際に行われます。クリエイティブに適した寸法が不明な場合は、 プレビュー モードを選択して、任意の画面解像度の表示をテストします。
  • ターゲット:ターゲットをクリエイティブに直接表示するか(スライダーに表示されるアンケートなど)、テキストまたはボタンを使用してターゲットにリンクするかを決定します。また、このターゲットをクリエイティブのどこに配置するかを決定する必要もあります。
  • [閉じる]:ユーザーがクリエイティブを終了する方法を決定します。Qualtricsには既成のボタンが用意されていますが、独自のテキストまたは画像を使用することもできます。
  • ロゴの追加:クリエイティブにロゴを追加する方法は2つあります。ツールバーを使用してクリエイティブに直接グラフィックを挿入できます。または、[見た目と操作性]メニューの[上級]タブ内でアンケートのヘッダーにロゴを直接追加することもできます。カスタマイズされたテーマを使用している場合は、すでにロゴがアンケートに適用されている場合があります。

クリエイティブの動作方法の決定

オプション]セクションでは、クリエイティブが画面に表示される方法、配置される場所、出現のタイミングなどの動作を決定できます。各クリエイティブの動作は少し異なるため、各クリエイティブは、このセクションで示されているオプションによって異なります。

クリエイティブエディターの[オプション]セクション

ヒント:Cookieがドロップされたときやブラウザの言語が英語に設定されたときなど、特別な状況でのみクリエイティブを表示する場合は、「インターセプトの設定」の次のステップを参照してください。

クリエイティブのテスト

[オプション]タブで、クリエイティブをプレビューできます。[クリエイティブをプレビュー]モードは、クリエイティブが意図したとおりにフォーマットされているかどうかをテストする迅速かつ簡単な方法です。プレビューウィンドウでは、クリエイティブオプションで設定した条件が考慮されます。プレビューウィンドウにクリエイティブが表示されない場合は、戻ってクリエイティブの書式を再確認する必要があります。

クリエイティブの公開

クリエイティブの外観と動作に満足
したら、それを公開してください。コードがデプロイされ、インターセプトが有効化されていれば、変更はウェブサイトに反映されます。

クリエイティブをサイトに表示する準備ができていない場合、Qualtricsは変更を自動的に保存し、公開の準備ができるまで展開しません。

クリエイティブエディターの右上にある[公開]および[管理]オプション

FAQ

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