クリックヒートマップは、訪問者がページ上のどこをクリックしているかを正確に示します。すべての訪問者からのすべてのクリックが、ページのスクリーンショット上の単一の色のオーバーレイに集約されるため、どの要素が注目を集め、どの領域が無視されているかを一目で確認できます。
クリックヒートマップとは
クリックヒートマップはページ上のすべてのクリックを集約します:
| 側面 | 説明 |
|---|---|
| データ | すべての訪問者からのすべてのクリック |
| 表示 | ページのスクリーンショット上に重ねられた色のグラデーション |
| ホットスポット | 高いクリック集中 |
| コールドスポット | クリックが少ないまたはない |
カラースケール
オーバーレイは低いクリック密度から高いクリック密度まで連続的なグラデーションを使用します。ヒートマップの下の凡例は、スケールの低と高の端を示します。明るく、より暖かい領域がクリックが最も集中している場所です。
ヒートマップへのアクセス
ヒートマップは有料機能であり、Pro以上で利用できます。
ヒートマップを開く
サイドバーからヒートマップを選択するか、ウェブサイトのダッシュボードを開いてヒートマップタブを選択してください。
ページを選択
左パネルは、収集されたクリックデータを持つページをリストし、各ページはそのインタラクション総数とクリック数を表示します。検索ボックスを使用してフィルタリングしてから、ページをクリックして読み込みます。
ヒートマップを表示
ページのスクリーンショットがクリックヒートマップとともに読み込まれます。
ヒートマップを表示
ページリスト
左パネルはページセレクターです:
| 方法 | 説明 |
|---|---|
| ページリスト | データを収集したページから選択 |
| 検索 | URLパスでリストをフィルタ |
| カウント | 各ページは総インタラクション数とクリック数を表示 |
エッジのトグルを使用してパネルを折りたたむことができ、ヒートマップにより多くのスペースを与えることができます。
クリックおよびスクロールモード
ヒートマップの上のクリック / スクロールトグルは、クリックヒートマップと同じページのスクロール深度ビューを切り替えます。
時間範囲
期間セレクターは、ヒートマップを最近のウィンドウにスコープできます:7日間、30日間、90日間、または6ヶ月。より長いウィンドウはより高いプランで利用可能です;ロックされたオプションはロックアイコンとそれを解除するために必要なプランを表示します。
ヒートマップ表示
オーバーレイビュー
ヒートマップはページのスクリーンショットをオーバーレイします:
- オーバーレイの下の実際のコンテンツを見る
- オンスクリーンコントロールでズームイン/アウト、またはタッチデバイスでピンチ
- ズームイン後、ドラッグしてパンします
ヒートマップの上のヘッダーはデータを要約し、選択されたウィンドウのクリックポイント数と総インタラクション数を表示します。
フルページビュー
フルページボタンはページのフルスクリーンインスペクターを開きます:
- ヒートマップ全体でズームとパン
- Escapeを押して終了
スクリーンショットタイムライン
ページが複数の日付でキャプチャされたスクリーンショットを持つ場合、ヒートマップの下に日付ナビゲーターが表示されます。日付を前後に移動して、ページが時間とともにどのように見えたかを確認します。
データを理解する
ヘッダーは選択されたページと時間範囲に対して2つの数字を表示します:
| メトリック | 説明 |
|---|---|
| クリックポイント | クリックが記録された異なる位置 |
| 総インタラクション | ウィンドウ内のすべてのクリックイベント |
オーバーレイ自体を読むことが残りを示します:密で暖かいクラスターは注目が集中している場所であり、薄暗いまたは空の領域は訪問者がクリックしていない場所です。
ユースケース
CTA最適化
コールトゥアクションボタンを分析します:
- クリックされていますか?
- 訪問者はどこをクリックしていますか?
- 折り目より上対下
ナビゲーション分析
ナビゲーション使用を確認します:
- どのメニュー項目が使用される
- ハンバーガーメニューのエンゲージメント
- フッターナビゲーション
フォーム最適化
フォームインタラクションを理解します:
- どのフィールドがクリックを受け取るか
- 訪問者が躊躇または離脱する場所
コンテンツエンゲージメント
コンテンツインタラクションを見ます:
- 画像クリック
- 訪問者がインタラクティブであると予想される要素をクリック
クリックのクラスターが実際にはクリック可能でない何かに落ちたとき、それは訪問者が期待することとページが提供することの間のミスマッチの強い信号です。
ヒートマップデータの管理
ページをリセット
エディターアクセスがある場合、リセットボタンは現在のページについて収集されたヒートマップデータを永続的に削除します。これは元に戻せないため、まず確認を求められます。エディターアクセスのないビューアーはボタンが無効化されているのを見ます。
ヒートマップの正確性
データ収集
ヒートマップはトラッキングスクリプトによってキャプチャされた実際のクリックイベントから構築され、ページのスクリーンショット上の座標にマップされます。
制限
ヒートマップは以下の影響を受ける可能性があることに注意してください:
- 訪問間で変わる動的コンテンツ
- レイアウトをシフトさせるレスポンシブブレークポイント
- 同じURLのA/Bテスト変動
最小データ
信頼できるヒートマップの場合、ページに意味のあるインタラクション数を収集する時間を与えてください。トラフィックが少ないページは、より多くのデータが到着するまで疎になります。
ベストプラクティス
定期的なレビュー
ヒートマップを定期的に確認します:
- デザイン変更後
- 新しいキャンペーン後
- リデザインの前に
アクションアイテム
見つけたことを使用して:
- CTAをホットスポットに移動
- 訪問者がすでにクリックしている場所に実際のリンクを追加
- 混乱させる要素を削除または修正
セッションと組み合わせる
ヒートマップはどこにとどのくらいかを示します。なぜを理解するために、同じページの個別のセッション記録を見てください。