ヒートマップ

クリック・ヒートマップの使い方

個々の訪問者の行動を分析するにはセッション・リプレイが有効ですが、もっと統計的な分析をしたいときはヒートマップが活躍します。ヒートマップは、全体的な傾向を理解するのに役立ちます。
今回はクリック・ヒートマップの機能と使い方をご紹介します。

クリック・ヒートマップ
クリック・ヒートマップでは、クリックが多い箇所ほど色が青→赤へと変化しています。 この例では会社概要にサイト利用者のクリックが集中していることがわかります。
Google Analyticsなどの解析ツールでも、各ページへの流入数はわかりますが、クリック・ヒートマップを見るとページ内の各ボタンがどのくらいクリックされているかが一目でわかります。 ページ上部にあるナビゲーションメニューの中で、どのボタンがクリックされ、どのボタンがクリックされていないかが分かるので、人気のない項目はフッターに移動するなど、訪問者の注目が分散することを防ぐことができます。

クリックできない場所のクリック
またこの部分では、リンクが設置されていない箇所がクリックされていることが分かります。 このような場合、ここに該当コンテンツへのリンクを設置する、もしくはリンクが設置されていると誤解させないようにデザインを変えることで、訪問者のストレスの軽減にもつながります。

ヒートマップのコントロールエリア
ヒートマップの操作画面上部のコントロールエリアでは、ヒートマップの種類やデバイスの種類、集計期間などを変更することができます。
また、リンクが設置されている場所にマウスオーバーをすると、

ポップアップされる詳細情報
このように詳細な指標が表示されます。(リンクアナリティクス) ・クリックは何回あったか、それは全体の何%か ・マウスオーバーは何回あったのか、それは全体の何%か ・マウスオーバーからクリックへ遷移したのは何%か ・マウスオーバーからクリックまでには平均何秒かかっているか ・何秒間マウスオーバーしたか ・何番目にマウスオーバーしたのか ・クリックしたユニークユーザー数 ・マウスオーバーするまで平均何秒かかったのか ・クリックするまでに平均何秒かかったのか
これらを分析することで、訪問者がどのくらいリンクの発見に時間を要しているのか、クリックするのにどのくらい迷っているのか等の情報を導き出すことができます。 このように、クリック・ヒートマップはトップページのようにリンクが多く貼られているページの分析に非常に有用です。
以上、クリック・ヒートマップについてのご説明でした。 高機能ヒートマップツール「Mouseflow」について気になることがありましたら、画面上部の「お問合せ」よりお気軽にお問合せください。

分析対象を絞り込むフィルター機能前のページ

Google Tag Manager上でGoogle AnalyticsのclientIDを取得する次のページ

ピックアップ記事

  1. 最速で理解したい人のためのIT用語集

関連記事

  1. ヒートマップ

    ムーブメント・ヒートマップ

    以前の記事で、ページの全体的な傾向を掴むには、レコーディングを一つ一つ…

  2. Mouseflow

    mouseflow の フリクションイベント って何?

    Webサイトの訪問者は、様々な理由でコンバージョン[閲覧者による収益…

  3. ヒートマップ

    ユーザビリティの検証で気を付けたいこと、やってはいけないこと③

    ユーザビリティ検証の注意点と禁止事項について、前回の続きからご紹介しま…

  4. ヒートマップ

    ユーザビリティの検証で気を付けたいこと、やってはいけないこと④

    ユーザビリティ検証の注意点と禁止事項について、前回の続きからご紹介しま…

  5. ヒートマップ

    ユーザビリティの検証で気を付けたいこと、やってはいけないこと②

    ユーザビリティ検証の注意点と禁止事項について、前回の続きからご紹介しま…

  6. ヒートマップ

    MouseflowをAdobe Analyticsと一緒に使う

    近年、視覚分析ツールの需要が高まっています。ウェブサイトの統計的なロ…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


カテゴリ
最近の記事
  1. dbt Fusion使ってみた
  2. Manusを使ってみたうえでManusに感想ブログを書かせて…
  3. SquadbaseとStreamlitでお手軽アプリ開発
  4. [Snowflake Summit 2025] Snowfl…
  5. [Snowflake新機能]AI_AGGを試してみた
  1. Adobe Analytics

    検索エンジン-有料とは-Adobe Analyticsの指標説明
  2. Snowflake

    【速報】Snowflake Summit Builder Keynote 要約
  3. Python

    わかりやすいPyTorch入門①(学習と評価)
  4. Spread Sheets / GAS / GDS

    スプレッドシートで自動バックアップを作成
  5. ヒートマップ

    アテンション・ヒートマップ
PAGE TOP