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

クリックヒートマップ

集約されたヒートマップデータで訪問者がどこをクリックするかを可視化します — 人気の要素とデッドゾーンを特定してください。ヒートマップセットアップとベストプラクティスを探索してください。

heatmapsclicksanalyticsux
最終更新日:
Pro プラン

クリックヒートマップは、訪問者がページ上のどこをクリックしているかを正確に示します。すべての訪問者からのすべてのクリックが、ページのスクリーンショット上の単一の色のオーバーレイに集約されるため、どの要素が注目を集め、どの領域が無視されているかを一目で確認できます。

クリックヒートマップとは

クリックヒートマップはページ上のすべてのクリックを集約します:

側面説明
データすべての訪問者からのすべてのクリック
表示ページのスクリーンショット上に重ねられた色のグラデーション
ホットスポット高いクリック集中
コールドスポットクリックが少ないまたはない

カラースケール

オーバーレイは低いクリック密度から高いクリック密度まで連続的なグラデーションを使用します。ヒートマップの下の凡例は、スケールのの端を示します。明るく、より暖かい領域がクリックが最も集中している場所です。

ヒートマップへのアクセス

ヒートマップは有料機能であり、Pro以上で利用できます。

  1. ヒートマップを開く

    サイドバーからヒートマップを選択するか、ウェブサイトのダッシュボードを開いてヒートマップタブを選択してください。

  2. ページを選択

    左パネルは、収集されたクリックデータを持つページをリストし、各ページはそのインタラクション総数とクリック数を表示します。検索ボックスを使用してフィルタリングしてから、ページをクリックして読み込みます。

  3. ヒートマップを表示

    ページのスクリーンショットがクリックヒートマップとともに読み込まれます。

ヒートマップを表示

ページリスト

左パネルはページセレクターです:

方法説明
ページリストデータを収集したページから選択
検索URLパスでリストをフィルタ
カウント各ページは総インタラクション数とクリック数を表示

エッジのトグルを使用してパネルを折りたたむことができ、ヒートマップにより多くのスペースを与えることができます。

クリックおよびスクロールモード

ヒートマップの上のクリック / スクロールトグルは、クリックヒートマップと同じページのスクロール深度ビューを切り替えます。

時間範囲

期間セレクターは、ヒートマップを最近のウィンドウにスコープできます:7日間30日間90日間、または6ヶ月。より長いウィンドウはより高いプランで利用可能です;ロックされたオプションはロックアイコンとそれを解除するために必要なプランを表示します。

ヒートマップ表示

オーバーレイビュー

ヒートマップはページのスクリーンショットをオーバーレイします:

  • オーバーレイの下の実際のコンテンツを見る
  • オンスクリーンコントロールでズームイン/アウト、またはタッチデバイスでピンチ
  • ズームイン後、ドラッグしてパンします

ヒートマップの上のヘッダーはデータを要約し、選択されたウィンドウのクリックポイント数と総インタラクション数を表示します。

フルページビュー

フルページボタンはページのフルスクリーンインスペクターを開きます:

  • ヒートマップ全体でズームとパン
  • Escapeを押して終了

スクリーンショットタイムライン

ページが複数の日付でキャプチャされたスクリーンショットを持つ場合、ヒートマップの下に日付ナビゲーターが表示されます。日付を前後に移動して、ページが時間とともにどのように見えたかを確認します。

データを理解する

ヘッダーは選択されたページと時間範囲に対して2つの数字を表示します:

メトリック説明
クリックポイントクリックが記録された異なる位置
総インタラクションウィンドウ内のすべてのクリックイベント

オーバーレイ自体を読むことが残りを示します:密で暖かいクラスターは注目が集中している場所であり、薄暗いまたは空の領域は訪問者がクリックしていない場所です。

ユースケース

CTA最適化

コールトゥアクションボタンを分析します:

  • クリックされていますか?
  • 訪問者はどこをクリックしていますか?
  • 折り目より上対下

ナビゲーション分析

ナビゲーション使用を確認します:

  • どのメニュー項目が使用される
  • ハンバーガーメニューのエンゲージメント
  • フッターナビゲーション

フォーム最適化

フォームインタラクションを理解します:

  • どのフィールドがクリックを受け取るか
  • 訪問者が躊躇または離脱する場所

コンテンツエンゲージメント

コンテンツインタラクションを見ます:

  • 画像クリック
  • 訪問者がインタラクティブであると予想される要素をクリック

クリックのクラスターが実際にはクリック可能でない何かに落ちたとき、それは訪問者が期待することとページが提供することの間のミスマッチの強い信号です。

ヒートマップデータの管理

ページをリセット

エディターアクセスがある場合、リセットボタンは現在のページについて収集されたヒートマップデータを永続的に削除します。これは元に戻せないため、まず確認を求められます。エディターアクセスのないビューアーはボタンが無効化されているのを見ます。

ヒートマップの正確性

データ収集

ヒートマップはトラッキングスクリプトによってキャプチャされた実際のクリックイベントから構築され、ページのスクリーンショット上の座標にマップされます。

制限

ヒートマップは以下の影響を受ける可能性があることに注意してください:

  • 訪問間で変わる動的コンテンツ
  • レイアウトをシフトさせるレスポンシブブレークポイント
  • 同じURLのA/Bテスト変動

最小データ

信頼できるヒートマップの場合、ページに意味のあるインタラクション数を収集する時間を与えてください。トラフィックが少ないページは、より多くのデータが到着するまで疎になります。

ベストプラクティス

定期的なレビュー

ヒートマップを定期的に確認します:

  • デザイン変更後
  • 新しいキャンペーン後
  • リデザインの前に

アクションアイテム

見つけたことを使用して:

  • CTAをホットスポットに移動
  • 訪問者がすでにクリックしている場所に実際のリンクを追加
  • 混乱させる要素を削除または修正

セッションと組み合わせる

ヒートマップはどこにどのくらいかを示します。なぜを理解するために、同じページの個別のセッション記録を見てください。

次のステップ

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