ヒートマップ

Mouseflowの新機能:ライブヒートマップで動的なヒートマップ分析が可能に!

mouseflowのヒートマップに新機能が追加されました!
その名も「ライブヒートマップ」です。

端的に説明すると、実際のWebサイト上で機能することで動的コンテンツにも対応できるようなったのがライブヒートマップです。
これにより、実際にサイトを訪問したときの外観や動作をmouseflowのヒートマップ上で再現できます。

従来のヒートマップはWebページのスクリーンショットを撮影し、この画像上にヒートスポットを配置して作成されています。
サイトを訪問したユーザのアクティビティが多いほど暖色で表示され、アクティビティが少ない場所は寒色で表示されます。
このように、ヒートマップは数値ベースのサイト分析とは対照的に、ユーザがページ上のどこに興味を示し、どこで興味を失ったのかを明らかにしてくれ、コンテンツやデザインの最適化に貢献します。

しかし、実際のサイトがほとんど動的なページであるにもかかわらず、従来のヒートマップは静的な画像であったために多くの制限がありました。
この制限を取っ払うための解決策としてmouseflowが開発したのが、ライブヒートマップです。

ライブヒートマップは、mouseflowの画面左側にあるサイドメニューから【ヒートマップ】をクリックし、一覧の【LIVE】から見ることができます。
ライブヒートマップ上でコンテンツを変更すると(例えばカートやチェックアウトページに商品を追加するなど)、ヒートマップに表示されるデータが更新されてページのコンテンツが反映されます。
これにより、ヒートマップ上で自由にサイト内を移動しながらデータの追跡を行うことが可能です。

また、ライブヒートマップは以下のような動的要素をサポートしています。(これはほんの一例です。)

  • SPA(シングルページアプリケーション)
  • ドロップダウンメニュー
  • 遅延読み込み
  • Revolution Sliders
  • XHR/AJAX
  • Iframes
  • 視差スクロール

尚、ライブヒートマップを使うのに特別な準備は必要ありません。
お使いのmouseflowアカウントにログインすれば、すでにライブヒートマップのデータが表示され、分析可能な状態になっているはずです。
是非、ヒートマップのニュースター「ライブヒートマップ」を体感してみてください!

ピックアップ記事

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

関連記事

  1. ヒートマップ

    【Tips】フリクションとは?

    フリクションとは、Webサイトを訪問したユーザが感じたストレスやフ…

  2. ヒートマップ

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

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

  3. ヒートマップ

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

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

  4. ヒートマップ

    MouseflowをAdobe Analyticsと一緒に使う

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

  5. ヒートマップ

    ヒートマップを画像としてキャプチャする

    前回は、Mouseflowで行った分析結果の作成に便利なレコーディング…

  6. ヒートマップ

    【Tips】ヒートマップ機能について①~クリック・スクロール編~

    今回はMouseflowのメイン機能であるヒートマップについて、改めて…

コメント

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

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

CAPTCHA


最近の記事

  1. 【GA4/GTM】dataLayerを使ってカスタムイベント…
  2. 【GA4/GTM】dataLayerを活用しよう
  3. ジャーニーマップをデジタルマーケティングの視点で
  4. ChatGPT ProからClaude3 Proへ移行した話…
  5. その分析、やり方あってる?記述統計と推測統計の違い
  1. Mouseflow

    Web解析ツールだけでは足りない – その2
  2. ヒートマップ

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

    「Power BI」を用いたダッシュボードの作成!①
  4. Metabase

    Metabotを使ってSlackにMetabaseのグラフを投稿する
  5. Google BigQuery

    Tableau×BigQueryをコスパ良く使う方法
PAGE TOP