埋め込みリンククリエイティブ
スイート
Customer Experience
Strategy & Research
製品
Qualtrics
このページの内容
ヒント：このページで説明する機能にアクセスできない場合は、営業担当にお問い合わせください。デジタルフィードバックとCustomerXM for Digitalの違いの詳細については、デジタルフィードバックとCustomerXM for Digitalを参照してください。
埋め込みリンククリエイティブについて
埋め込みリンクを使用すると、設定した条件に応じて訪問者をさまざまな目的地に誘導するリンクをウェブサイトに設置できます。これはA/Bテストに役立つ。例えば、訪問者の50％を異なるバージョンのページに送り、どのレイアウトやバージョンがより多くの顧客を獲得できるかを調べることができます。また、推奨者向けには、特定の地域からの訪問者を、その地域に特化した特別なランディングページにリンクさせることもできます。
埋め込みリンクの設定
埋め込みリンクには、ほとんどのクリエイティブにある編集オプションがない。その代わり、ほとんどの設定はインターセプトタブで行われます。インターセプトを使って、埋め込みリンクが訪問者をいつどこに連れて行くかを決定します。
埋め込みリンクを実装するには
リンクに表示したいテキストを入力します。
公開を選択する。
インターセプトタブに移動する。
インターセプトを作成するか、既存のインターセプトに移動する。
表示するクリエイティブを選択」で、埋め込みリンクのクリエイティブを選択します。
ターゲットアンケートまたはウェブサイトを指定します。
ロジックの変更/追加]をクリックして、クリエイティブがこのターゲットに誘導される条件を決定します。
Qtip:アクションセット（埋め込みリンクが異なるウェブページに移動する条件）を追加するには、アクションセットのページをご覧ください。
埋め込みリンクを挿入するスペースをウェブチームに指定してもらいましょう。このスペースは、ID属性を持つHtml要素を含むべきである。以下のように、引用符で囲まれたHtml IDを特定し、コピーする。
多くの場合、IDを持つHtmlタグはすでに適切な場所に存在しており、サイトの修正は必要ない。
Qtip:要素のHtml IDを調べるには、ブラウザのInspect Element機能を使ってください。ほとんどのブラウザでは、ページの検査したい部分を右クリックし、「要素の検査」を選択するだけです。
インターセプト タブでインターセプトを開いていることを確認してください。
インターセプトのアクションのオプションメニューで、アドバンスオプションを選択します。
Qtip:これらのオプションの詳細については、アクションセットの詳細オプションのページをご覧ください！
クリエイティブ挿入ポイントフィールドにターゲットコンテナのHtml IDを貼り付けます。
注意: アクションセットが複数ある場合は、必ずアクションセットごとにステップ11と12を行ってください！
［保存］をクリックします。
インターセプトを公開する。
まだの場合は、アクティベートをクリックしてください。
ウェブサイト上のこのページに訪問者が来ると、ウェブサイトフィードバックは指定したHTML IDを持つターゲットコンテナを見つけ、そこにクリエイティブを挿入します。
Qtip:ウェブページのCssはリンクのスタイル/デザインを決定します。一般的に、リンクは配置されたページと同じスタイルになります。
FAQs
インターセプトを有効化しましたが、サイトに表示されません。なぜですか？
インターセプトを有効化しましたが、サイトに表示されません。なぜですか？
インターセプトが実装された後に表示されない場合、多数の潜在的な原因が考えられます。これらの原因は、インターセプト自体の設定、またはコードの実装に起因する可能性があります。
- ロジック：インターセプトのターゲティングロジックとアクションセットロジックは、サイト訪問者にインターセプトを表示するために満たす必要のある条件です。このロジックを確認すると、インターセプトがページに表示されない理由を特定するのに役立ちます。
- 「次を含む」を使用するロジックセット：「次を含む」の使用は、ロジックエラーの一般的な原因です。です。条件が「次を含む」とは、ロジックの基準となるパラメーター(現在のURLなど)に、指定した値が他の情報とともに追加で含まれることを意味します。例えば、「現在のURLに「qualtrics」が含まれる」というロジックがあった場合、URLに「qualtrics」という単語が含まれていれば、どのURLでもインターセプトが表示されることになります。もう1つのオプションは、現在のURLが[URL]であるという条件を使用することです。この条件は、訪問したURLが完全に一致しているかどうかに基づきます。相違点や追加の文字があると、インターセプトのロジックがパスしなくなります。
- インターセプトのリビジョン：インターセプトを編集する際、インターセプトが公開されるまで変更は反映されません。インターセプトを公開すると、そのインターセプトのバージョン、つまり「リビジョン」が保存されます。加えられた変更を確認することは、インターセプトが突然表示されなくなった原因となりうる変更を特定するのに非常に役立ちます。
- デバッグウィンドウ：デバッグウィンドウは、特定のページでインターセプトが表示されない理由をテストするための非常に便利なツールです。
2019年3月より前にデプロイメントコードが実装されたインターセプトの場合、デバッグウィンドウを有効にするには、Q_DEBUGというクエリ文字列を任意のURLに追加します。次のように、先頭に「?」または「&」を付ける必要があります。例：https://www.qualtrics.com?Q_DEBUG、https://www.qualtrics.com/blog?item=value&Q_DEBUG
2019年3月以降にデプロイメントコードが実装されたインターセプトについては、ウェブページのコンソールで次のJavaScriptスニペットを実行してください。
QSI.API.unload();
QSI.isDebug = true;
QSI.API.load();
QSI.API.run();ヒント：コードがタグマネージャーを使用して実装されている場合、ウェブサイトインサイトのデバッガーは機能しません。また、URLに「?」を含むクエリ文字列が既にある場合、デバッガーでは代わりに「&」が必要になります。
- ネットワークリクエスト：ほとんどのブラウザには、サイトのソースコード、リソース、Cookie、ネットワークコールを確認できる開発者ツールメニューがあります。ウェブサイトインサイトは、これらのツールのネットワークセクションで明確な存在感を示しています。これらのスクリプトが実行されているか確認するには、開発者ツールを開き、[ネットワーク]セクションに移動します。この画面でウェブページを再読み込みすると、ウェブサイトが行っているすべてのネットワークリクエストがメニューに表示され始めます。Website Insightsのコードを特定するには、?Q_ZIDまたは?Q_SIDで始まるコールを探します。これは、表示ロジックのチェックを実行しているコード自体です。この形式に一致するものが見つからない場合は、プロジェクトコードの実装に問題があります。コードを配置するのに最適な場所に関するアドバイスについては、実装に関するサポートページをご参照ください。
- コンテンツセキュリティポリシーの問題：コンテンツセキュリティポリシーに違反するコンソールログが表示される場合、ウェブサイト上の制限によってクアルトリクスのインターセプトの展開がブロックされている可能性が高いです。解決するには、貴社のウェブ開発チームにご連絡いただくことをお勧めします。インターセプトが機能するように、通常、コンテンツセキュリティポリシーヘッダーで以下の項目を許可リストに登録することをお勧めします。
- connect-src https://*.qualtrics.com
- frame-src https://*.qualtrics.com
- img-src https://siteintercept.qualtrics.com
- script-src https://*.qualtrics.com
- SPA URLの処理：サイトでシングルページアプリケーション(SPA)フレームワークを使用している場合は、ビュー間を移動する際にコードがhistory.pushState()をトリガーするようにしてください。一部のフレームワークでは、新しい履歴エントリをプッシュせずにURLの再レンダリングや更新を行う場合があり、これによりインターセプトが実行されないことがあります。useEffectまたは同様のlifecycleフックを使用している場合は、インターセプトのロジックがナビゲーションの完了後に実行されるようにしてください。
インターセプトを作成しましたが、有効化する前にテストしたいです。どうすればよいですか？
インターセプトを作成しましたが、有効化する前にテストしたいです。どうすればよいですか？
有効化しなくてもあらゆるインターセプトをテストできる、ブックマークレットというツールがあります。
当サポートサイトの日本語のコンテンツは英語原文より機械翻訳されており、補助的な参照を目的としています。機械翻訳の精度は十分な注意を払っていますが、もし、英語・日本語翻訳が異なる場合は英語版が正となります。英語原文と機械翻訳の間に矛盾があっても、法的拘束力はありません。
素晴らしい！ フィードバックありがとうございます！
フィードバックありがとうございます！