単体クリエイティブのモバイル最適化
このページの内容
ヒント：このページで説明する機能にアクセスできない場合は、営業担当にお問い合わせください。デジタルフィードバックとCustomerXM for Digitalの違いの詳細については、デジタルフィードバックとCustomerXM for Digitalを参照してください。
クリエイティブのモバイル最適化について
ガイド付きの新しいクリエイティブは、最初からモバイル最適化を含むように作られているため、モバイルデバイスで使用するための設定が少なくて済む。これらのモバイルフレンドリーなクリエイティブには、レスポンシブなダイアログ、フィードバックボタン、テンプレート化された埋め込みフィードバックが含まれます。
しかし、デスクトップではきれいに見えるが、モバイル画面では大きすぎるスタンドアローンのクリエイティブもある。これは、古いクリエイティブにはモバイル最適化が組み込まれておらず、モバイル画面でうまく機能させるために特別な設定が必要なためです。このページでは、ポップオーバー、情報バー、スライダーなどのスタンドアローンクリエイティブをモバイルブラウジングエクスペリエンス向けに最適化する方法について説明します。
Qtip:モバイルサイトではなく、モバイルアプリのフィードバックを集めたいのですか？代わりに埋め込みアプリのフィードバックページをご覧ください。
画面の解像度
デバイスタイプに基づいてインターセプトまたはアクションセットを表示できます。しかし、モバイルデバイスにはさまざまなサイズがあるため、クリエイティブにはデスクトップ版とモバイル版の2つ以上が必要になる場合があります。一部のタブレットの場合、デスクトップで最もよく見えるクリエイティブがタブレットでも問題なく使えるかもしれない。
表示ロジックをDevice Typeで決めるのではなく、異なるサイズのクリエイティブを生成し、インターセプトのロジックをScreen Sizeで決める方が良い。
画面解像度ロジック
インターセプト論理またはアクションセット論理を画面解像度に基づかせることができます。例えば、500px未満のスクリーンにはクリエイティブを、500px以上のスクリーンには別のクリエイティブを使用することもできます。
リンク先のサポートページをクリックすると、ステップバイステップの手順と一般的な画面サイズのリストが表示されます。
プロジェクトセットアップ
埋め込みターゲットの書式設定
埋め込みターゲットは、通常のターゲットのような単なるリンクではなく、クリエイティブ上に埋め込みウィンドウを表示し、そこにターゲットサイトやアンケートを表示します。
クリエイティブに埋め込まれたアンケートは、スクロールバーがない方がいいという人がたくさんいます。埋め込みターゲットの書式設定ページでは、これを実現するためのアンケート調査の変更について説明します。
FAQs
インターセプトを有効にしたのですが、サイトに表示されないのです。なぜですか？
インターセプトを有効にしたのですが、サイトに表示されないのです。なぜですか？
- Logic:intercept targeting logic andaction set logic は、インターセプトが訪問者に表示されるために満たすべき条件である。このロジックを確認することで、Interceptがページ上に表示されない原因を発見することができます。
- Contains" を使用するロジックセット:ロジックエラーの原因としてよくあるのが、"Contains" と "Contains" の使い分けです。"です"条件を「含む」と言うことは、ロジックの根拠となるパラメータ（つまり、現在のURL）に、指定された値に加えて、より多くの情報が存在することを意味します。例えば、Current URL contains 'qualtrics'というロジックがあった場合、qualtricsという単語が存在するURLに対してインターセプトを表示することになります。もう一つの選択肢は、現在のURLが[URL]であることを利用することです。この条件は、訪問したURLが完全一致であることに依存します。差分や追加文字があると、インターセプトロジックが通らなくなります。
- インターセプトの改訂:インターセプトを編集する場合、インターセプトが公開されるまで、変更はライブになりません.インターセプトを公開すると、インターセプトのバージョン、つまり「リビジョン」が保存されます。これまでのリビジョン を見直すことは、突然インターセプトが表示されなくなったような変更を確認するために非常に有効です。
- デバッグウィンドウ:デバッグウィンドウは、特定のページでインターセプトが表示されない原因を調べるための非常に便利なツールです。
展開コード が 2019 年 3 月以前に実装されたインターセプトの場合、デバッグウィンドウを有効にするには、任意の URL に Q_DEBUG というクエリ文字列を付加してください。https://www.qualtrics.com?Q_DEBUG, https://www.qualtrics.com/blog?item=value&Q_DEBUG のように、"？"または"＆"を前につける必要があります。
展開コードが2019年3月以降に実装されたインターセプトの場合、WebページのConsoleで以下のJavaScriptスニペットを実行してください。 QSI.API.unload(); QSI.isDebug = true; QSI.API.load(); QSI.API.run(); デバッグウィンドウは、URL上で動作するインターセプトに必要な条件をすべて分解して表示します。インターセプトが表示されない場合は、デバッグウィンドウでその場所を確認し、赤色の失敗した警告を確認します。Qtip: ウェブサイトフィードバックデバッガーは、コードがタグマネージャーを使用して実装されている場合、機能しません。また、URLのクエリ文字列がすでに?である場合、デバッガは代わりに&を要求します。
- ネットワークリクエスト:ほとんどのブラウザには開発者ツールメニューがあり、ユーザーはサイトのソースコード、リソース、クッキー、ネットワークコールを確認することができます。ウェブサイトフィードバックは、これらのツールのネットワークセクションで明確な存在感を示しています。これらのスクリプトが実行されているかどうかを確認するには、開発者ツールを開き、「ネットワーク」セクションに移動してください。ここで、ウェブページを再読み込みすると、メニューにウェブサイトが行っているすべてのネットワーク要求が入力され始めるはずです。ウェブサイトフィードバックコードを特定するには、?Q_ZIDまたは?Q_SIDで始まるコールを探します。これは、表示ロジックのチェックを実行するコードそのものです。この形式に一致するものが見つからない場合は、プロジェクトコードの実装に問題があります。コードを配置する最適な場所については、実装 のサポートページを参照してください。
インターセプトを構築したが、アクティベーションの前にテストしたい。どうすればいいのでしょうか？
インターセプトを構築したが、アクティベーションの前にテストしたい。どうすればいいのでしょうか？
モバイル端末でクリエイティブを小さく表示させる方法を教えてください。
モバイル端末でクリエイティブを小さく表示させる方法を教えてください。
もし、ポップオーバーや古いクリエイティブを作ることにした場合は、ここでマルチアクションセット を使うことになります。モバイル端末用とデスクトップ用で異なるアクションセットを用意することになります。また、デスクトップ用とモバイル用の2種類のクリエイティブを用意します。
素晴らしい！ フィードバックありがとうございます！
フィードバックありがとうございます！