AIを使用して英語から翻訳されました
この文章はAI技術を使用して翻訳されたことにご注意ください。正確性を維持するよう努めていますが、一部の詳細は元のテキストを完全に反映していない可能性があります。情報に不明な点がある場合は、英語版を参照してください。
スナップショットは、分析している選択した時間枠の前または最中にサイトページのHTML構造に加えられた変更により、特定の要素またはすべての要素で指標が表示されない(0.00%)または予期しない指標を表示することがあります。
なぜ1つまたは複数の要素が指標を表示しない(0.00%)のですか?
ページのHTML構造の変更
非常に一般的な根本原因は、分析のコンテキストで選択した時間枠の前に発生したページのHTML構造の変更です。
ソリューション:ライブサイトの新しいスナップショットを作成して分析し、その時間枠の指標が表示されるかどうかを確認してください。
例:6月の古いスナップショットは、10月1日から31日の時間枠に対して指標を表示しない(0.00%)のは、コードの更新によるものであり、新しいスナップショットはこの時間枠の指標を表示できることがわかります。
注:分析のコンテキストで選択した時間枠を確認してください。選択した日付の分析コンテキストにContentsquareタグは配置されていましたか?
なぜ1つまたは複数の要素が予期しない指標を表示しているのですか?
分析のコンテキストで選択した時間枠の間にページの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日から新しいコードを使用して収集したデータ) |
HTML構造の変更を確認する方法
1. '現在のバージョンのウェブサイトを分析したい'と'単一のURLを分析する'を選択し、HTMLの変更を確認するURLをコピーして貼り付け、'行こう'をクリックします。
2. 古いスナップショットを選択し、ハンバーガーメニューをクリックしてゾーンリストを表示し、その他のオプションメニュー'...'をクリックしてゾーンターゲット(div)を確認します。
3. 'スナップショット'ボタンをクリックし、サイトの新しいスナップショットを選択し、同じゾーンについてステップ2を繰り返し、ゾーンターゲットを比較してHTML構造が変更されているか確認します。
この例ではHTML構造が変更されています:
動的ID
クリック率が低いことを説明できる別の可能性のある根本原因は、動的IDの使用です。
HTMLでは、IDはページの特定の要素を一意の値を使用して含むための属性です。
値は一意でなければならず、ページ全体で1つの要素のみに使用されます。
例えば、divのIDはすべてのページで「main-container」として静的に保たれます。
<div id = ”main-container”>
ただし、動的IDを使用する場合、IDの値はクライアントのJavaScriptコードで定義された条件に応じて変わります。例えば、ユーザーID、ブラウザのバージョン、デバイス、または実行中のテストによって値が変わることがあります。
各要素のパスによってデータを集計します。ユーザーが影響を与えた要素のDOM内の位置を、ユニークなID属性と要素の位置を使って計算します。
位置は、対象の要素からDOMツリーを上に登る際の1番目のIDから決定されます。要素のIDがページ間で変わると、要素のパスは同じにならず、異なるデータまたは全くデータが表示されなくなり、混乱を引き起こし、ユーザーが正しいデータを取得できなくなります。
ページに動的IDがあるか確認する方法
- Chromeでライブサイトにアクセスします。
- クリック F12 (Windowsの場合)または⌘CMD + Option +I(Macの場合)をクリックして、開発者ツールを開きます。
- ‘検査’をクリックし、参照されている要素のIDを見つけます。
- 要素のIDに一連の数字が含まれているか確認します。例えば、「products422」や「container213」などです。
注: ブロックを他のものと区別する方法が必要な場合は、IDを割り当てるオプションがあります。これにより、追跡イベントメカニズムで使用されます。 詳細を読むには、技術ガイドをご覧ください。
動的IDがある場合の可能な解決策:
-
サポートチームが、そのdiv IDを無視するための正規表現を実装できますが、将来的にそのdivのIDが変更されると、解決策は機能しなくなります。 それ は、あなたの側からのアクションを必要としません。動的IDに使用しているパターンを知る必要があります。
- その要素から動的IDを削除できます- あなたの側からのアクションが必要です。
- 動的IDに4桁の数字のシリーズを使用できます。4桁以上の連続した数字を持つIDは自動的に無視されます。 あなたの側からのアクションが必要です。
- IDを無視または上書きするには、data-cs-override-id属性を実装できます。 あなたの側からのアクションが必要です。 この件については、技術ガイドで詳細を読むことができます。
FAQ
なぜ、いくつかのケースでは、サイトの要素の一部だけが影響を受け、他の要素は影響を受けないのですか?
- すべてのサイト要素が影響を受けるわけではなく、ゾーンターゲット(div)がHTML構造の変更により変更される要素のみが影響を受けます(詳細は以下を展開してください)。
HTML構造、ゾーンターゲット、およびデータ帰属
サイトのHTML構造が変更されると、要素のHTMLパスとそれによりゾーンターゲット(<div>タグはHTML要素のコンテナとして使用されます)もその変更の影響を受ける可能性があります。
Contentsquareは、ゾーニング分析でサイト要素にデータを正しく帰属させるためにゾーンターゲットを使用します。以下の例に示す特定の靴のゾーンターゲットは次のとおりです:
div#products>article:eq(1)>a:eq(0)>img:eq(0)
左側に示されているように、サイトページのHTML構造がゾーンターゲットにどのように関連しているかを見ることができます。したがって、そのページのコードに対する変更がサイト要素の全体的なHTML構造における位置を乱すと、サイト要素に明らかなUIの変更がないにもかかわらず、ゾーンターゲット(div)が変更される可能性があります。
なぜ、サイト要素はゾーニング分析で複数のサイトバージョンからの集計データを表示できないのですか?
- スナップショットのサイト要素は、古いゾーンターゲットと新しいゾーンターゲットの両方からのデータを集計して表示することはできません。スナップショットが作成されたときにサイト上でライブだったゾーンターゲットを使用して収集され、帰属されたデータからのみ指標を生成できます。
私の分析はいつ影響を受けますか?
- あなたの分析は、HTML構造/ゾーンターゲットが変更された日付が、分析しようとしているデータ範囲に含まれている場合(上記の最初の例のように)や、選択した期間の前に発生したコードの更新のために、分析しようとしている期間の指標を表示できないスナップショットを分析している場合にのみ影響を受けます(上記の2番目の例)。
サイトのすべての要素にIDを追加すべきですか?どのブロックに実装すべきですか?親ゾーン + 子ゾーン?それとも親ゾーンだけですか?
- 私たちのツールは、ページ内の要素の親チェーンをスキャンして、最初のIDを持つマーカーを特定します。マーカーが無視されていない場合、それは考慮されます。親チェーンにIDが見つからない場合、ツールはタグまで上がります。その後、同一のマーカー内でタグの位置をカウントしながら、再び下に戻ります。
ページ上にスタイリングが必要な単一の要素がある場合は、ID属性を利用することをお勧めします。IDは一意である必要があることに注意することが重要です。ページ上に「メイン」divが1つだけ存在する可能性が高いため、IDを使用することが適切な選択かもしれません。IDの例には、main-content、header、footer、またはleft-sidebarが含まれます。
IDにユニークな名前を付けるか、data-cs-override-id属性を実装することで、IDを区別できます。私たちの技術ガイドでさらに詳しく読むことができます。注: 私たちの技術ガイドを訪れて、私たちのツールがHTML要素をどのようにターゲットにしているかについてさらに詳しく学んでください。