英語からAIを使用して翻訳されました
この記事はAI技術を使用して翻訳されています。正確性を維持するよう努めていますが、一部の詳細が元のテキストと完全に一致しない場合があります。情報に不明点がある場合は、英語版をご参照ください。
この記事は、ゾーニング分析でよくある問題のほとんどを解決するのに役立ちます。
なぜゾーニング作成のポップアップが表示されないのですか？
新しいゾーニング分析を作成するときにスクリーンショットツールバーが表示されない場合、クッキーの承認に問題がある可能性があります。この問題を解決するには、ライブウェブサイトでクッキーを承認していることを確認してください。
サイトのクッキーをクリアする
サイトでクッキーを承認しているにもかかわらず動作しない場合は、サイトのクッキーをクリアしてみてください：
- ライブウェブサイトにアクセスし、Google開発者ツールを開きます。
- 「Application」タブをクリックし、「Storage option」を選択します。
- 「サイトデータをクリア」をクリックし、ページを更新します。
クッキーをクリアしたらページを更新し、ウェブサイトにクッキー承認バナーが表示されるはずです。クッキーを承認してください。
クッキーを承認した後、再度ゾーニングを作成してください。ゾーニングツールバーが表示されるはずです。
なぜ分析（ゾーニング／ヒートマップ）がリストに表示されないのですか？
分析が保存済みリストに表示されない場合、まだ手動で保存していない可能性があります。以下の点をご確認ください：
新しい保存動作の理解
分析（ヒートマップ＆ゾーニング）は自動的に保存されなくなりました。リストに表示し、将来使用できるようにするには、保存する必要があります。
この動作はすべてのWebプロジェクトのプランに適用されることにご注意ください。
これを解決するには？
- ゾーニング分析ページの未保存ゾーニングタブをクリックします。保存していない分析はここに30日間表示されます。
- 分析をクリックして開きます。
- 分析を保存をクリックして保存します。これで保存済み分析リストに表示されます。
[callout-success] 保存したにもかかわらず分析が見つからない場合は、サポートまたはCSMにお問い合わせください。
予防のヒント
- タブを閉じる前に、必ず「分析を保存」をクリックしてください。
- 保存されていない分析を閉じようとするときは、保存警告に注意してください。
- 定期的に未保存のゾーニングタブを確認してください。永久削除カラムには、各未保存分析が永久に削除されるまでの日数が表示されます。
- 覚えておいてください：保存された分析のみが分析リストに表示され、再利用可能です。
重要な注意事項
- 以前に保存された分析は影響を受けず、リストに残ります。
- A/Bテスト用に作成されたゾーニング（Kameleoon、AB Tasty、Optimizelyなどの連携機能経由で作成されたものを含む）は自動的に保存されます。これらのゾーニングの変更や編集も自動的に保存されます。
- 未保存の分析は、比較モードで使用したり、他者と共有したりすることはできません。
- 未保存の分析からデータをエクスポートすることは可能です。ただし、リストには表示されず、30日後に永久に削除されます。
- Sense Chatで作成されたゾーニングは、リストに表示させるために手動で保存する必要があります。
- 複製またはコピーされたゾーニングは一時的な状態で開始され、リストに表示させるために手動で保存する必要があります。
- 未保存の分析からは、目標、セグメント、ダッシュボードウィジェット、またはアラートを作成できません。これらの機能を利用するには、まず分析を保存してください。
なぜ私のゾーニングはiFrameを表示しないのですか？
iFrameは、ページ内にインタラクティブなドキュメント（画像、動画、テキストなど）を埋め込むことを可能にするHTML要素の一部です。iFrameを使用すると、ウェブサイトの構造に含めることなく、ページ内の任意の場所に他のソースからのコンテンツを統合できます。
ゾーニング分析はiFrameをサポートしていますか？
Contentsquareは、ゾーニング分析であなたが所有するiFrameをサポートしますが、サードパーティのiFrame（例：Klarnaの支払いフィールド）はサポートしません。
あなたが所有するiFrameの場合、コンテンツは埋め込まれているページと同じドメインまたはサブドメインでホストされています。あなたがiFrameの所有者です。一方、サードパーティのiFrameの場合、一般的にドメインの所有者ではありません（例：ブラウザでiFrameのソースを開くと、Youtube動画などのウェブページでコンテンツが読み込まれます）。
ただし、以下の場合にはサードパーティのiFrameからデータを取得できます：
- トラッキングタグがトップウィンドウとiFrameの両方に存在する、
- iFrameトラッキング機能フラグが有効になっている（詳細はCSMにお問い合わせください）、
- 各ドメイン（トップウィンドウとiFrame）がプロジェクトドメインリストの構成に含まれている。CSタグの追加方法はこちらの指示をご覧ください。
サポートされていないiFrameの場合、スクリーンショットには「iFrame: このゾーンは収集できません」というテキストがグレーアウトされたエリアとして表示されます。ツールチップやテキストは、スクリーンショット、ライブキャプチャ、CS LiveでトラッキングされていないiFrameを示します。
注
iFrameでは露出率はサポートされていません。弊社チームはこの問題を解決するためのソリューションを現在検討中です。
ゾーニングにiFrameを表示するための前提条件はありますか？
- タグはiFrameのオリジンページに実装されている必要があります。これによりContentsquareがデータを取得できます。タグがセルフホストされている場合は、更新が必要です。
- CS Live拡張機能がインストールされている必要があります。iFrameのデータ収集のためのシリアライゼーションに使用します。（注：まだCS Liveをインストールしていない場合は、CSMにご連絡ください）。
- 同じiFrame内に複数のページが含まれている場合は、人工的なページビューの送信を有効にするためにCSMにご連絡ください。
- ゾーニング分析におけるiFrameサポートはリクエストに応じて有効化されます。有効化に興味がある場合はCSMにご連絡ください。
同じゾーンをクリックするたびに異なるデータが表示されるのはなぜですか？
ゾーニング分析を作成する際、同じゾーンをクリックするたびに異なるデータが表示されることがあります。これは、そのゾーンに親要素と子要素が重なっている場合に発生します。
例：
トップページのメニューヾーンで自動ゾーニングを行い、ゾーニング分析で25%のクリック率が表示された後、同じゾーンを手動で選択すると、トップページのメニューで32%のクリック率が表示される場合があります。
正しいゾーニングデータを取得するにはどうすればよいですか？
- ‘上/下’キーとEnterキーを押して親ゾーンと子ゾーンを切り替え、矢印キーでナビゲートし、関心のあるゾーンを特定します。
- 競合するデータは、ゾーンを手動で選択し、‘上/下’キーとEnterキーを押して調整し、ゾーンが重ならなくなるまで操作してください。これにより、自動ゾーニング時に見られた25%のクリック率が表示されます。
同じコンテンツでチームメイトと異なるデータが表示されるのはなぜですか？
Contentsquareはクリックやホバーなどのユーザーのインタラクションを、ターゲットを使って正しいサイト要素に関連付けます。ターゲットは各サイト要素のHTMLパスに基づいて生成され、それぞれがユニークなものとなっています。
これらのユニークなターゲットは、ユーザーのインタラクションデータ（例：クリック）とサイト要素（例：バナー）との間のリンクとして機能します。
例：
- バナーには、そのHTMLパスから生成されたターゲットがあります。
- ユーザーがそのバナーをクリックします。
- クリックとバナーはターゲットを介して関連付けられます。
- Contentsquareはバナーの正確なクリック率を表示します。
サイトのHTMLコードが変更されると、要素のHTMLパスおよびそれに伴うターゲットも影響を受け、関連付けが切れる可能性があります。影響を受ける可能性があるContentsquareの機能は、ページ内インタラクションに依存するものです。
なぜチームメイトと同じデータが表示されないのですか？
これは、異なる2つのサイト要素が同じターゲットに関連付けられているか、あるいは1つのサイト要素が2つの異なるターゲットに関連付けられている場合があります。
異なる2つのサイト要素が同じターゲットに関連付けられている場合
ページに複数のページレイアウトやURLがある場合、サイト要素の位置の違いや各ページに異なるサイト要素が存在することがHTMLに影響を与えることがあります。例えば、一時的なコンテンツ（例えば、一時的なバナーやABテスト中に追加された要素）がページのレイアウトを変更することがあります。これにより、1つのターゲットが2つの異なる要素に関連付けられることがあります。
しかし、ほとんどの場合、一時的なコンテンツが存在してもContentsquareは正しいデータを表示します。
1つのターゲットが2つの異なるページレイアウトの2つの異なる要素に関連付けられています。これは、右側のレイアウトに追加されたバナーがHTMLに影響を与えているために起こります。
1つのサイト要素が2つの異なるターゲットに関連付けられている場合
サイト要素のIDが変更されると、2つのターゲットがその要素に関連付けられることがあります。これにより、同じページの異なるURLで1つのサイト要素のデータが異なる場合があります。
ソリューション
この問題が発生している場合は、サポートチケットを提出してください。または、ITチームと協力してdata-attribute ‘data-cs-override-id’ を使用してサイト要素の特定の識別子を作成することもできます。
ゾーンのdivターゲットを見つけてselect divをゾーニングするには？
divはブロックレベルの要素で、改行を作成し、サイトページ内に別々のコンテナやボックスを形成します。ゾーニング分析のゾーンリストを使用して、ゾーンがサイトのどの部分のdiv構造をターゲットにしているかを確認できます。ゾーンリストはゾーニングインターフェースのサイドパネル内にあります：
- 「ゾーンを編集」ボタンをクリックします。
- ドロップダウンメニューをクリックし、「すべてのゾーンを表示」を選択します。
- ターゲットを確認したいゾーンの名前が表示されるまでスクロールします。
- ゾーン名の右側にあるメニューボタンをクリックし、開いたポップアップで「ゾーンのターゲット」を再度クリックしてdivを表示します。
ゾーニングのスクリーンショットに指標が表示されない（0.00%）または予期しない指標が表示されるのはなぜですか？
スナップショットは、選択した時間枠の前または期間中にサイトページのHTML構造に加えられた変更により、特定の要素またはすべての要素で指標が表示されない（0.00%）または予期しない指標が表示されることがあります。
なぜ1つまたは複数の要素が指標を表示しない（0.00%）のですか？
非常に一般的な原因は、分析のコンテキストで選択した時間枠の前にページのHTML構造が変更されたことです。
ソリューション：
ライブサイトの新しいスクリーンショットを作成して分析し、その時間枠の指標が表示されるか確認してください。
例：
6月の古いスクリーンショットは、コードの更新により10月の指標を表示しませんが、新しいスナップショットはこの時間枠の指標を表示できます。
分析のコンテキストで選択された時間枠を確認してください。分析のコンテキストで選択された日付の間にContentsquareタグは設置されていましたか？
なぜ一部の要素が予期しない指標を表示しているのですか？
分析のコンテキストで選択された時間枠の間に、ページのHTML構造に変更がありました。
ソリューション：
予期しない指標がコードの更新によるものか、予期しないユーザー行動によるものかを確認するために、HTML構造の変更を確認してください。
例：
Contentsquare Expertページに対する更新は5月26日に実施され、HTML構造が変更されました。この変更は「分析でページとマッピングを使用する」ゾーン要素のみに影響しました。5月22日のスクリーンショットは変更前のデータのみを表示でき、6月2日のスクリーンショットは変更後のデータのみを表示できます。
| 5月22日 スナップショット | 6月2日 スナップショット |
| 分析日付範囲: 5月1日〜30日 | 分析日付範囲: 5月1日〜30日 |
| クリック率: 4.70%（5月1日〜26日の旧コードで収集されたデータ） | クリック率: 2.63%（5月26日から稼働した新コードで収集されたデータ） |
動的ID
低いクリック率を説明できるもう一つの可能な根本原因は動的IDの使用です。
HTMLでは、ID属性はページ上の要素を一意に識別します。この値はページ全体で一意でなければなりません。例えば、divはすべてのページで「main-container」のような静的なidを持つことがあります。
<div id = "main-container">
しかし、動的IDでは、値がクライアントのJavaScriptコード内の条件（ユーザーID、ブラウザのバージョン、デバイス、アクティブなテストなど）に基づいて変わります。
私たちは要素パスごとにデータを集計し、ユニークなID属性を使ってインタラクションの位置を計算します。この位置は、対象要素からDOMツリーを遡って最初に見つかるIDから決定されます。要素のIDがページ間で変わると、パスも変わり、一貫性のないまたは欠落したデータとなり、ユーザーを混乱させ正確なデータ収集を妨げます。
idに関する詳細は、Technical Docsをご覧ください。
動的IDがある場合の可能なソリューション：
- サポートチームがそのdivのidにマッチするregexを実装して無視することができますが、将来的にそのdivのidが変更されると、ソリューションが機能しなくなります。お客様側での対応は不要です。動的IDに使用しているパターンを教えていただくだけで結構です。
- それらの要素から動的IDを削除することができます – これはお客様側での対応が必要です。
- 動的IDに4桁の数字の連続を使用することができます。4桁以上の連続した数字を含むIDは自動的に無視されます – これはお客様側での対応が必要です。
- IDを無視または上書きするには、data-cs-override-id属性を実装できます – これはお客様側での対応が必要です。技術ガイドで詳細を読むことができます。
Apple Payの決済オプションをどのようにゾーニングしますか？
サイトにApple Payが決済オプションとしてある場合、このボタンのゾーニングが難しいことがあります。
これはApple PayがSafariユーザー（デスクトップおよびモバイル）にのみ表示されるためです。以下の簡単な手順でAppleボタンの表示を強制し、ゾーニングおよびデータの確認ができるようにします。
-
チェックアウトの決済ページに移動し、Chromeの開発者コンソールを開きます。
- PCの場合: F12 または CTRL+shift+I
- Macの場合: CMD+option+I
- デバイスツールバーを切り替え、iPhoneの表示を偽装します。
- サイトの要素内でApple Payのdivを見つけます。
- 下のスタイルセクションで‘display: none’のチェックを外します。
まだお困りですか？
この記事で紹介したソリューションを試しても新しいゾーニング分析の作成に問題がある場合は、以下の内容を含めてサポートチームにお問い合わせください。
- 問題を示すスクリーンショット。
- 選択したマッピング、時間枠、および分析のコンテキスト。
- 表示されているエラーメッセージ。