AIを使用して英語から翻訳されました
この記事はAI技術を使用して翻訳されています。正確性を維持するよう努めていますが、一部の詳細が元のテキストと完全に一致しない場合があります。情報に不明点がある場合は、英語版をご参照ください。
埋め込み型のユーザー調査は、ページのコンテンツと同じ行内に、選択した特定の場所に表示されます。Popover、Button、Bubbleのユーザー調査とは異なり、埋め込み型のユーザー調査はページ上にホバーしません — ページの一部となります。このタイプのユーザー調査は、ページの特定のセクション（例：商品説明、完了した予約、記事）に直接結びついたコンテキストフィードバックを収集するのに適しています。
始める前に
- ユーザー調査を埋め込みたいページにContentsquareタグがインストールされている必要があります。
- ユーザー調査を表示させたいページ要素のCSSセレクタが必要です（以下参照）。
ターゲット要素のCSSセレクタを見つける
- サイト上で、ユーザー調査を表示させたい要素を右クリックし、検証を選択します（Chrome、Edge、Firefoxの場合）。これにより、ブラウザの開発者ツールが開き、該当要素がハイライトされます。
- 開発者ツールのパネルで、HTMLビューのハイライトされた要素を右クリックし、コピー → セレクタをコピーを選択します。
これで、ユーザー調査のターゲティング構成に貼り付けるCSSセレクタが取得できました。
開発者ツールの使用に不慣れな場合は、ユーザー調査を表示させたい要素のセレクタをウェブ開発者に依頼してください。
サイトにユーザー調査を埋め込む
ユーザー調査を作成または編集します。
- デザインステップで、タイプの下からEmbeddedを選択します。
- ターゲットステップで、ページの下から特定のページを選択します。
- ページ上の位置に、ユーザー調査を表示させたい要素のCSSセレクタを入力します。ユーザー調査はページ上の最初に一致した要素に埋め込まれます。
- ターゲットステップの残りとレビューステップでユーザー調査の構成を続けます。
- ユーザー調査を保存してアクティベートします。
ユーザー調査がアクティブになると、次回該当ユーザーがページを訪れた際に、選択したページ要素内にインラインで表示されます。
埋め込み型ユーザー調査をテストする
- 調査のステータスをアクティブに設定します。
- ブラウザでページを開きます（ターゲティングルールに合ったデバイスとコンテキストで）。
- ターゲット要素があるセクションに移動します — 調査はインラインで表示されるはずです。
埋め込み調査に加えた変更がライブサイトに反映されるまで最大60秒かかることがあります。
よくある質問
ターゲット要素のセレクタがページ上の複数の要素に一致した場合はどうなりますか？
調査はページ上の最初に一致した要素に埋め込まれます。
ターゲット要素がページに存在しない場合はどうなりますか？
調査は表示されません。セレクタが正しいこと、ターゲティングルールに合致したときに要素がページにレンダリングされていることを確認してください。
iframe内に調査を埋め込むことはできますか？
はい、可能ですがContentsquareタグはiframeのソースページにインストールされている必要があります。詳細はSession ReplayとHeatmaps内のiframeの追跡をご覧ください。
埋め込み調査の外観をカスタマイズできますか？
はい。標準の外観コントロール（言語、色、ブランディング）が適用されます。カスタムCSSはVoice of Customer Proプランで利用可能です。
埋め込み調査が表示されないのはなぜですか？
よくある原因：
- ターゲット要素のセレクタがページ上のいずれの要素にも一致していない。
- ターゲティングルール（URL、イベント、ユーザー属性）が一致していない。
- Contentsquareタグがページにインストールされていない。
- 変更が反映されるまで最大60秒かかる — 少し待ってから更新してください。