ヒートマップ

スクロール・ヒートマップ

これまで紹介したクリック・ヒートマップやムーブメント・ヒートマップでは、クリックされた箇所やマウスカーソルがあった場所の色合いを見ることによって分析が可能でした。 今回ご紹介するスクロール・ヒートマップでは、ページがスクロールされた割合で帯状にエリアの色が変わります。

スクロールヒートマップとは?

スクロール・ヒートマップ: スクロールが行われた割合で色が赤→青に変化する

スクロール・ヒートマップは、スクロールが行われた割合を色で可視化しています。重要なコンテンツ(購入ボタンなど)までサイト利用者がスクロールを行っているかを知るために主に使われます。

ファーストビューがわかる「Foldライン」

また、このヒートマップでは「Foldライン」が表示されます。

これは、ページのファーストビューで表示できる平均のページの高さを可視化したものです。これによって、必ず見てほしいコンテンツをFoldラインより上に配置するなど、コンテンツのレイアウトを手軽に工夫できるようになります。

例えば、ページの途中でスクロール率が急激に下がっているような場合には、その場所にスクロールにつながるようなコンテンツを配置したり、逆にその部分をそっくり削除してしまうなど、ページの改善に向けたアクションを起こすことも可能です。

詳細な情報を見ることができる「ライン・アナリティクス」

クリック・ヒートマップ、ムーブメント・ヒートマップでは、ページ上のリンクにマウスオーバーするとリンク・アナリティクスがポップアップ表示され、より詳細な情報を見ることができました。

スクロール・ヒートマップではそれに対応する機能として「ライン・アナリティクス」があります。リンク・アナリティクスと同様に、マウスオーバーしたラインの詳細情報が表示されます。

・どのくらいの訪問者が到達したか

・訪問者が平均何秒間表示していたか

・平均何秒間のエンゲージメント(クリック、スクロール、マウス操作等、訪問者の行動)があったのか

これによって、訪問者にとって魅力的なコンテンツはどれなのかといった情報や、細かいスクロール到達度をみることができ、より訪問者の心理を理解するのに役立ちます。

今回紹介したスクロール・ヒートマップは、ランディングページであったり、縦に長いページ、またレスポンシブデザインにより長くなってしまったスマートフォン向けのページ等の分析に適しています。

せっかく時間をかけて作ったコンテンツも、訪問者がそこまで到達していなかったら勿体ないですよね。

Report&Analytics グラフについて前のページ

Adobe Analytics: Webサイト内で発生したJavascriptエラーの内容をAdobe Analyticsで計測する。次のページ

ピックアップ記事

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

関連記事

  1. ヒートマップ

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

    今回から何回かに分けて、ユーザビリティ検証で気を付けたいこと、やっては…

  2. ヒートマップ

    Mouseflowアップデート情報 @2019/6/6

    Mouseflowの機能がアップデートされました!今回のアップデート…

  3. ヒートマップ

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

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

  4. Mouseflow

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

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

  5. Mouseflow

    Mouseflowで問題解決① -事例ベースで機能紹介-

    Mouseflowで問題解決 -エクスチュアのツール紹介-webサイト…

  6. ヒートマップ

    【Tips】ヒートマップ機能について②~ムーブメント、アテンション編~

    前回に引き続き、Mouseflowのメイン機能であるヒートマップについ…

コメント

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

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

CAPTCHA


カテゴリ
最近の記事
  1. Adobe WebSDK FPIDでECIDの復元を検証
  2. dbt Projects on Snowflakeで作成した…
  3. Dataformでtype:’increment…
  4. dbt Projects on SnowflakeをTASK…
  5. AWS発のAIエージェントIDE「Kiro」を使用した仕様駆…
  1. IT用語集

    テーブル(Table)・カラム(Column)・ロー(Row)・フィールド(Fi…
  2. Adobe Analytics

    Adobe Analytics: Legacy s_code.jsからAppMe…
  3. Adobe Analytics

    Adobe Analytics: カスタムリンク計測を1行で書く
  4. Mouseflow

    Mouseflowのセッションリプレイのしくみ
  5. IT用語集

    暗号化・共通鍵暗号・公開鍵暗号って何?
PAGE TOP