ゾーニング分析のトラブルシューティング

この記事は、Zoning Analysisで遭遇する一般的な問題のほとんどを解決するのに役立ちます。

なぜZoningを作成するためのポップアップが表示されないのですか？

新しいZoning Analysisを作成する際にスクリーンショットツールバーが表示されない場合、クッキーの受け入れに関する問題が原因である可能性があります。この問題を解決するには、ライブウェブサイトでクッキーを受け入れていることを確認してください。

サイトのクッキーをクリアする

サイトでクッキーを受け入れた場合でもまだ機能しない場合は、サイトのクッキーをクリアすることを検討してください：

• ライブウェブサイトに移動し、Google開発者ツールを開きます、
• 'Application'タブをクリックし、'Storage option'を選択します、
• 次に、'Clear site data'をクリックしてページを更新します。

クッキーをクリアしたら、ページを更新してください。ウェブサイトにクッキー受け入れバナーが表示されるはずです。クッキーを受け入れてください。

クッキーを受け入れた後、戻って新しいZoningを再度作成してください。Zoningツールバーが表示されるはずです。

なぜ私のZoningがiFrameを表示しないのですか？

iFrameは、ページ内にインタラクティブなドキュメント（画像、動画、テキストなど）を埋め込むことを可能にするHTML要素のコンポーネントです。iFrameを使用すると、ウェブサイトの構造に含めることなく、ページ内の任意の場所に他のソースからのコンテンツを統合できます。

Zoning AnalysisはiFrameをサポートしていますか？

Contentsquareは、Zoning Analysis内であなたが所有するiFrameをサポートしていますが、サードパーティのiFrame（例：Klarnaの支払いフィールド）はサポートしていません。

あなたが所有するiFrameでは、コンテンツは埋め込まれているページと同じドメインまたはサブドメインにホストされています。あなたは自分のiFrameの所有者です。一方、サードパーティのiFrameでは、一般的にドメインの所有者ではありません（例：ブラウザでiFrameのソースを開くと、コンテンツがウェブページに読み込まれます。例：Youtube動画）。

ただし、サードパーティのiFrameからのデータは以下のケースでキャプチャできます：

• トラッキングタグがトップウィンドウとiFrameの両方に存在する、
• iFrameトラッキング機能フラグが有効になっている（詳細についてはCSMにお問い合わせください）、
• 各ドメイン（トップウィンドウとiFrame）がプロジェクトドメインリスト構成に含まれている、CSタグの追加方法についてはこちらの指示を参照してください。

iFrameがサポートされていない場合、スクリーンショットには「iFrame: このゾーンは収集できません」というテキストが表示されたグレーアウトした領域が表示されます。ツールチップやテキストは、スクリーンショット、ライブキャプチャ、またはCS Live内の未トラッキングのiFrameを示します。

ZoningでiFrameを表示するための前提条件はありますか？

• タグはiFrameのオリジンページに実装する必要があります。これによりContentsquareがデータを取得できます。タグが自己ホストされている場合は、更新する必要があります。
• CS Live拡張機能をインストールする必要があります。これはiFramesデータを収集するためのシリアル化に使用します。(注意: まだCS Liveをインストールしていない場合は、CSMにお問い合わせください)。
• 同じiFramesに複数のページが含まれている場合は、人工ページビューの送信を有効にするためにCSMに連絡してください。
• Zoning AnalysisにおけるiFrameサポートは、要求に応じて有効化されます。これを有効にすることに興味がある場合は、CSMに連絡してください。

同じゾーンをクリックするたびに異なるデータが表示されるのはなぜですか？

Zoning Analysisを構築する際、同じゾーンがクリックするたびに異なるデータを表示することがあります。これは、ゾーンに親要素と子要素が重なっている場合に発生します。

例:

ホームページメニューゾーンでオートゾーンを行い、Zoning Analysisが25%のクリック率を表示した後、同じゾーンで手動ゾーンを選択すると、ホームページメニューで32%のクリック率が表示される場合です。

正しいゾーニングデータを取得するにはどうすればよいですか？

• ‘上/下’ + Enterキーを押して親ゾーンと子ゾーンの間を移動し、矢印を使って興味のあるゾーンを特定するまでナビゲートします。
• 矛盾するデータを解決するには、ゾーンを手動で選択し、ゾーンで‘上/下’ + Enterキーを押して調整し、ゾーンが重ならずにオートゾーニングを使用したときに見た25%のクリック率を表示するまで行います。

同じコンテンツでチームメイトと異なるデータが表示されるのはなぜですか？

Contentsquareは、クリックやホバーなどのユーザーインタラクションを、ターゲットを使用して正しいサイト要素に関連付けます。ターゲットは、各サイト要素のHTMLパスに基づいて生成されるため、各ターゲットはユニークです。

これらのユニークなターゲットは、ユーザーインタラクションデータ（例：クリック）とサイト要素（例：バナー）との間のリンクとして機能します。

例:

• バナーには、そのHTMLパスから生成されたターゲットがあります。
• ユーザーがそのバナーをクリックします。
• クリックとバナーはターゲットを介して関連付けられます。
• Contentsquareはバナーの正確なクリック率を表示します。

サイトのHTMLコードが変更されると、要素のHTMLパスおよびそれに伴うターゲットもその変更の影響を受け、関連付けが壊れる可能性があります。影響を受ける可能性のあるContentsquareの機能は、ページ内インタラクションに依存しているものです。

チームメイトと同じデータが表示されないのはなぜですか？

時には、2つの異なるサイト要素が同じターゲットに関連付けられているか、1つのサイト要素が2つの異なるターゲットに関連付けられているためです。

同じターゲットに関連付けられた2つの異なるサイト要素

ページに複数のページレイアウトとURLがある場合、サイト要素の位置の違いや各ページに異なるサイト要素が存在することがHTMLに影響を与える可能性があります。たとえば、一時的なコンテンツ（A/Bテスト中に追加された一時的なバナーや要素など）は、ページのレイアウトを変更する可能性があります。これにより、1つのターゲットが2つの異なる要素に関連付けられることがあります。

ただし、ほとんどの場合、Contentsquareは一時的なコンテンツが存在する際にも正しいデータを表示します。

1つのターゲットが2つの異なるページレイアウトの2つの異なる要素に関連付けられています。これは、右側のレイアウトに追加されたバナーがそのHTMLに影響を与えるために発生します。

1つのサイト要素が2つの異なるターゲットに関連付けられています

サイト要素のIDが変更されると、その要素に2つのターゲットが関連付けられることがあります。これにより、異なるURL（同じページの）で1つのサイト要素のデータが異なる場合があります。

バナーIDが変更され、同じバナーに2つのターゲットが関連付けられています。

解決策

この問題が発生している場合は、サポートチケットを提出してください。または、ITチームと協力して、データ属性「data-cs-override-id」を使用してサイト要素の特定の識別子を構築することもできます。

ゾーンのdivターゲットを見つけ、ゾーンをselect divする方法は？

divは、サイトページ内に別々のコンテナやボックスを形成するために改行を作成するブロックレベルの要素です。Zoning analysisのゾーンリストを使用して、サイトのdiv構造のどの部分がゾーンをターゲットにしているかを確認できます。ゾーニングインターフェースのサイドパネル内にゾーンリストがあります：

1. 「ゾーンを編集」ボタンをクリックします、
2. ドロップダウンメニューをクリックし、「すべてのゾーンを表示」を選択します、
3. ターゲットを確認したいゾーンの名前が表示されるまでスクロールします、
4. ゾーンの名前の右側にあるメニューボタンをクリックし、ポップアップで表示される「ゾーンのターゲット」をもう一度クリックします。

なぜ私のゾーニングスクリーンショットにメトリクス（0.00%）が表示されないか、または予期しないメトリクスが表示されるのか？

スナップショットは、特定の要素またはすべての要素に対して、選択した分析期間の前または期間中にサイトページのHTML構造に加えられた変更のためにメトリクス（0.00%）が表示されないか、予期しないメトリクスが表示されることがあります。

なぜ1つまたはいくつかの要素がメトリクス（0.00%）を表示しないのか？

非常に一般的な原因は、分析コンテキストで選択した期間の前に発生したページのHTML構造の変更です。

解決策：

ライブサイトの新しいスクリーンショットを作成して、指定した期間のメトリクスが表示されるかどうかを分析します。

例：

6月の古いスクリーンショットは、10月のメトリクス（0.00%）を表示していませんが、これはコードの更新によるもので、新しいスナップショットはこの期間のメトリクスを表示できます。

分析コンテキストで選択した期間を確認してください。分析コンテキストで選択した日付の間にContentsquareタグが配置されましたか？

なぜ1つまたはいくつかの要素が予期しないメトリクスを表示しているのか？

分析コンテキストで選択した期間中にページのHTML構造に変更がありました。

解決策：

HTML構造の変更を確認して、予期しないメトリクスがコードの更新によるものであり、予期しないユーザー行動によるものでないことを確認します。

例：

Contentsquare Expertページに加えられた更新は5月26日に実施され、HTML構造が変更され、「分析でページとマッピングを使用する」ゾーン要素にのみ影響を与えました。5月22日のスクリーンショットは変更前のデータしか表示できず、6月2日のスクリーンショットは変更後のデータしか表示できません。

ダイナミックID

低いクリック率を説明できる別の可能性のある根本原因は、ダイナミックIDの使用です。

HTMLでは、ID属性はページ上の要素を一意に識別します。この値はページ全体で一意でなければなりません。たとえば、divはすべてのページで「main-container」のような静的IDを持つことがあります。

<div id = "main-container">

しかし、ダイナミックIDでは、値はクライアントのJavascriptコード内の条件（ユーザーID、ブラウザのバージョン、デバイス、またはアクティブなテストなど）に基づいて変更されます。

私たちは要素パスによってデータを集約し、一意のID属性を使用してインタラクション位置を計算します。この位置は、ターゲット要素からDOMツリーを上昇する際に最初に遭遇したIDから決定されます。要素のIDがページ間で変更されると、パスも変更され、一貫性のないデータや欠落したデータが生じ、ユーザーを混乱させ、正確なデータ収集を妨げます。

idに関する詳細は、技術文書を確認してください。

ダイナミックIDがある場合の可能な解決策:

• 私たちのサポートチームがそのdiv IDを無視するための正規表現を実装できますが、将来的にその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」ボックスをオフに切り替えます。

まだ解決しませんか？

この記事に記載されている解決策を試しても新しい Zoning Analysis の作成に問題がある場合は、サポートチームにお問い合わせください。