メインコンテンツへスキップ
Pro プラン5 minutes初級

ヒートマップデータが表示されない

ヒートマップデータが表示されない、または不正確に見える問題を修正してください。詳細についてはこのトラブルシューティングガイドをご覧ください。

heatmapsclick-trackingscrolldatatroubleshooting
最終更新日:

ヒートマップデータが正しく表示されないときの問題を診断して修正してください。

ヒートマップデータがない

要件の確認

  1. プラン: Pro以上が必須(ヒートマップは無料プランでは利用できません)
  2. トラッキング: 基本トラッキングが既に機能している必要があります
  3. ヒートマップが有効: この機能はウェブサイトに対して有効にする必要があります

ヒートマップを有効にする

ヒートマップはウェブサイトごとに有効になります:

  1. ウェブサイトのダッシュボードを開き、設定詳細に進みます
  2. トラッキング機能フラグの下で、ヒートマップをONにします
  3. 新しいトラフィックが到着するのを待ちます(有効化する前の既存訪問はヒートマップデータを持ちません)

必要な最小データ

ヒートマップが有意であるために必要な十分なインタラクション:

  • クリックヒートマップ:50以上のクリック推奨
  • スクロールヒートマップ:100以上のページビュー

データが少なすぎます: ビューアはそのページに対して「データが収集されていません」状態を表示します。

日付範囲を確認する

  1. 選択した時間ウィンドウがヒートマップがアクティブだった期間を含むことを確認します
  2. ヒートマップは機能が有効化された時点からのデータのみを表示します
  3. ビューアの期間セレクタを使用してください(7日 / 30日 / 90日 / 6ヶ月 – より長い範囲はプランに応じて異なります)

ヒートマップがページと一致しない

ページが変更された

ページのデザインが変更された場合:

  • 古いクリックが現在のスクリーンショットと一致しない可能性があります
  • ビューアの日付付きスクリーンショットタイムラインを使用して、特定の日のレイアウトと比較してください
  • ページのヒートマップをリセットして新しく始めたい場合はリセットしてください(これによりそのページのヒートマップデータが永遠に削除されます)

動的コンテンツ

動的コンテンツを含むページはより読みにくい場合があります:

  • 異なるユーザーに対する異なるレイアウト
  • A/Bテストの変動
  • パーソナライズされたコンテンツ

レスポンシブデザイン

異なるビューポートサイズは異なるクリックパターンを生成する可能性があります。デスクトップとモバイルの訪問者は異なる動作をするため、単一の統合ヒートマップを解釈するときはこれを念頭に置いてください。

クリックヒートマップの問題

クリックが表示されない

基本を確認してください:

  1. ウェブサイトに対してヒートマップが有効化されていることを確認します(設定詳細ヒートマップ
  2. ヒートマップが有効化されてからページに十分なトラフィックがあったことを確認します
  3. ビューアでクリックビューにいることを確認してください(クリック/スクロールトグルは右上にあります)

クリックが間違った場所にある

原因:

  • ページが異なるようにスクロールされた
  • 動的要素が移動した
  • 異なるビューポートサイズ

インタラクティブ要素がトラッキングされていない

一部の要素は確実にクリックを登録しない可能性があります:

  • Flash/プラグインコンテンツ
  • Canvas要素
  • 特定のiframe

スクロールヒートマップの問題

スクロール深度が表示されない

ビューアで、クリック/スクロールトグルを使用してスクロールビューに切り替えてから、確認してください:

  1. ページに十分なページビュー数がある(100以上)
  2. ページにスクロール可能なコンテンツがある

スクロールデータが間違っているように見える

以下を考慮してください:

  • 異なる画面サイズは異なるデータを表示します
  • モバイルユーザーは異なる方法でスクロールします
  • ビューは集計された分布を表示し、個別セッションではありません

多くのユーザーに対する「0%スクロール」

通常の原因:

  • 高いバウンス率
  • 非常に短い訪問
  • ボット(これらはトラッキングからフィルタリングされます)

特定のページの問題

特定のページのヒートマップ

特定のページを表示するには:

  1. ヒートマップを開きます(ウェブサイトのダッシュボードのオーディエンス下のヒートマップタブ、またはメインナビゲーションのヒートマップ
  2. 左側のリストからページを選択します
  3. そのヒートマップを表示します

ページがリストに表示されていない

ページが表示されない場合:

  • ヒートマップが有効化されてからある程度のトラフィックが必要です
  • ページが実際にトラッキングされていることを確認してください

動的URL

/product/123のようなページの場合、各異なるURLはリスト内の独自のページとして扱われます。分析したい特定のURLを選択してください。

SPA(Single Page App)の問題

ヒートマップがSPAで機能していない

トラッカーはブラウザHistory API(pushState / replaceState / popstate)を通じてトリガーされるルート変更を自動的に検出するため、ほとんどのSPAはすぐに機能します。ルータがHistory APIを使用していない場合は、各ルート変更時に手動ページビューを送信してください:

// 仮想ページビューをトラッキング
router.afterEach((to) => {
  if (window.zenovay) {
    window.zenovay('page');
  }
});

複数ページが統合されている

異なるビューが同じページに対して記録されないようにするために、各ルートが一意のURLパスにマップされていることを確認してください。

レンダリングの問題

ヒートマップオーバーレイが破損している

試してください:

  1. ページを更新する
  2. ブラウザキャッシュをクリアする
  3. 別のブラウザを試す

色が表示されない

確認してください:

  • ページに十分なデータが収集されている
  • ズームインしすぎていない(ビューアのズームコントロールを使用してリセットしてください)

ページのスクリーンショットが間違っているまたは古い

Zenovayはページのスクリーンショットを自動的にキャプチャするため、手動の「更新」ボタンはありません。スクリーンショットが古く見える場合:

  • ページが引き続きトラフィックを受け取ると、新しいスクリーンショットが自動的にキャプチャされます
  • ビューアの下部の日付付きスクリーンショットタイムラインを使用して、異なる日からのキャプチャを手順で表示してください

データの精度

クリックが間違っているように見える

精度を確認してください:

  1. ページ自体にアクセスしてクリックしてください
  2. 数分待機します
  3. ヒートマップを再度読み込んでクリックが表示されているか確認します

データが期待と合わない

以下を考慮してください:

  • ユーザーは期待と異なる動作をします
  • サンプルサイズが重要です
  • モバイルとデスクトップは異なります

保持とストレージ

古いヒートマップデータが削除された

ヒートマップデータは分析データの保持期間とは別に独自の保持期間があります。データが以下のウィンドウを超えると、削除されます:

プランヒートマップ保持期間
Pro60日
Scale120日
Enterprise180日

無料プランにはヒートマップが含まれていません。

ベストプラクティス

良いヒートマップデータを取得する

  1. 結論を出す前に十分なトラフィックを待ちます
  2. 分析中にページのレイアウトをしょっちゅう変更しないようにしてください
  3. 一貫したURLを使用します
  4. デバイス間の違いを念頭に置いてください

結果を解釈する

  • パターンに焦点を当てます。個別クリックではなく
  • ページ間で比較します
  • コンテンツの配置のためにスクロール深度を確認します
  • コンテキストのためにセッションリプレイとヒートマップを組み合わせます

サポートへの問い合わせ

提供してください:

  1. ページURL
  2. 日付範囲
  3. デバイスタイプ
  4. 問題のスクリーンショット
  5. トラフィックボリューム

次のステップ

この記事は役に立ちましたか?