ヒートマップ
Pro機能ユーザーがどこをクリックし、どのくらいスクロールし、ページのどのエリアが最も注目を集めているかを可視化します。ヒートマップは数千のインタラクションを理解しやすいビジュアルオーバーレイに集約します。
ヒートマップはPro、Scale、Enterpriseプランで利用可能です。この機能を有効にするにはプランをアップグレードしてください。
概要
ヒートマップは個々のユーザーインタラクションをビジュアルオーバーレイに集約します。個別のセッションを視聴する代わりに、すべての訪問者のパターンを確認してUXの問題と最適化の機会を特定します。
ヒートマップの種類
| タイプ | 表示内容 | 最適な用途 |
|---|---|---|
| クリックヒートマップ | ユーザーがクリックした場所 | ボタン配置、CTA最適化 |
| スクロールヒートマップ | ユーザーがスクロールした距離 | コンテンツ配置、フォルド最適化 |
| ムーブヒートマップ | マウスムーブメントパターン | ユーザー注視、読み取りパターン |
ヒートマップを有効にする
- ドメインを開き、サイトをクリックしてから、ドメイン設定に移動して詳細タブを選択します
- 機能フラグでヒートマップをオンに切り替えます
- 変更を保存します
ヒートマップデータ収集は新規訪問者に対して直ちに開始されます。
ヒートマップが有意になるには十分なデータが必要です。結論を出す前に、ページあたり少なくとも100セッションをお勧めします。
クリックヒートマップ
クリックパターンを理解する
クリックヒートマップはユーザーがクリックまたはタップした場所を表示します：
- ホットスポット（赤）: クリック集中度が高い
- ウォームスポット（黄色/オレンジ）: クリックアクティビティが中程度
- コールドスポット（青/緑）: クリックアクティビティが低い
一般的なインサイト
- デッドクリック: 非インタラクティブ要素をクリックするユーザー（混乱を示している）
- レイジクリック: 複数の急速なクリック（フラストレーションを示している）
- 見落とされたCTA: 重要なボタンがほとんどクリックされていない
- 予期しないホットスポット: ユーザーが装飾要素をクリックしている
クリックをフィルタリングする
以下でフィルタリングします：
- デバイスタイプ（デスクトップ、モバイル、タブレット）
- 日付範囲
- トラフィックソース
- 国
スクロールヒートマップ
スクロール深度を理解する
スクロールヒートマップはユーザーがページをどのくらいスクロールしたかを表示します：
- 100%（上部）: すべての訪問者がこのエリアを表示
- 80-100%: 高可視性ゾーン
- 50-80%: ほとんどのユーザーにとってフォルド上部
- < 50%: フォルド下部、注視度が低下
主要メトリクス
| メトリクス | 説明 |
|---|---|
| 平均スクロール深度 | 平均的な訪問者がスクロールする距離 |
| フォルドライン | ほとんどのユーザーの「フォルド上部」が終わる場所 |
| ドロップオフポイント | ユーザーがスクロールを停止する場所 |
最適化のヒント
- CTAをフォルド上部に配置: 主要なアクションが直ちに表示されることを確認します
- ビジュアルキューを追加: 下にさらにコンテンツがあることを示す矢印またはグラデーション
- 長いコンテンツを分割: ヘッダー、画像、ホワイトスペースを使用します
- ページの長さをテスト: 短いページの方が良好に変換される場合があります
ヒートマップを表示する
ヒートマップダッシュボード
ドメインを開き、サイトをクリックしてから、ヒートマップタブを選択します：
- リストからページを選択します
- ヒートマップタイプを選択します（クリック、スクロール、ムーブ）
- 日付範囲とフィルターを設定します
- ページのスクリーンショットにオーバーレイを表示します
スクリーンショットの取得
Zenovayはヒートマップの可視化のためにページスクリーンショットを自動的にキャプチャします。スクリーンショットは以下の場合に更新されます：
- ページコンテンツが大きく変更される場合
- アクティブなページについて週ごと
- ダッシュボード経由でのオンデマンド
スクリーンショットは動的コンテンツまたはパーソナライズされたページを反映しない場合があります。「スクリーンショットを更新」ボタンを使用して現在の状態をキャプチャしてください。
デバイスを比較する
デスクトップとモバイルのユーザーの行動は異なります。常にデバイス間でヒートマップを比較してください：
デスクトップ対モバイル
| 行動 | デスクトップ | モバイル |
|---|---|---|
| スクロール深度 | 通常はより深い | セッション時間が短い |
| クリックターゲット | 正確なクリック | より大きなタップターゲットが必要 |
| ビューポート | 広い、水平 | 狭い、垂直 |
| ナビゲーション | ホバー状態が表示 | タップのみインタラクション |
プライバシーに関する考慮事項
ヒートマップは匿名データを集約します：
- 個人情報はキャプチャされません
- 個別のユーザーは識別できません
- 集約パターンのみが表示されます
- DNT設定を尊重します
APIアクセス
プログラムでヒートマップデータにアクセスします：
GET /api/websites/:websiteId/heatmaps/:pageUrl
Authorization: Bearer YOUR_API_KEY
レスポンスにはクリック座標、スクロール深度データ、セッション数が含まれます。
ベストプラクティス
- 十分なデータを待つ: 信頼できるパターンのために最低100セッション以上
- デバイスを比較: モバイルとデスクトップは大きく異なることが多い
- 複数のページをチェック: ホームページだけではなく
- 分析と相関させる: 定量データを使用して分析するページの優先順位を決定します
- 変更をテスト: ヒートマップのインサイトに基づいてA/Bテストを作成します