エクスチュア総合研究所ホームエクスチュア株式会社コーポレートサイトエクスチュア株式会社ブログ最速で理解したい人のためのIT用語集お問い合わせエクスチュア総合研究所エクスチュア株式会社のインターンによるブログmenuホームmouseflowヒートマップ活用法mouseflow2016.09.20ヒートマップ活用法こんにちは、インターン生の柳沼です!エクスチュアのオフィスが移転して初出勤ということでブログを書こうと思います。場所が変わって雰囲気も少し変わるのかなと思いましたが、エクスチュアの皆さんは超いつも通りで戸惑いを隠せませんでした。今日はMouseflowのヒートマップ機能の活用法について書いていきます。1.Mouseflowの豊富なヒートマップMouseflowのヒートマップは5種類あります。クリック、マウスムーブメント、スクロール、アテンション、GEOです。↑大画面:ムーブメント、小画面:クリック↑アテンション↑GEOクリックヒートマップはそのままで、クリックの回数が多い場所ほど青→緑→黄→赤となっていきます。リンクが張られていない場所もクリックがカウントされます。マウスムーブメントヒートマップは、一番過激です。Mouseflow社のブログでは、「ページのキーとなるエリアに注目が集まっているか判断する優良な指標である」と説明されています。マウスがとどまっているエリア=注目されているエリアと考えれば確かにそうですね。サイトのレイアウト改善や導線改善にも役立ちそうです。スクロールヒートマップはアテンションヒートマップと見た目が似ているのですが、ページ下部までスクロールしたセッションの割合を視覚化したものです。最近は長いページが流行しているので、有効な分析を行える可能性があります。アテンションヒートマップは、マウスムーブメントに加えてエリアごとの滞在時間も合わせてどの部分に注目が集まっているのかを視覚化したヒートマップです。スクロールヒートマップとムーブメントヒートマップを足し合わせたようなヒートマップです。どの国のどの地域からセッションがあるかを視覚化しています。外資系の企業では役に立つのではないでしょうか。以上、ざっとヒートマップの解説をしていきました。中でも今回は、スクロールヒートマップについて考えていこうと思います。↑スクロールヒートマップ(Mouseflow公式ブログhttps://mouseflow.com/blog/2015/04/heatmaps-101-scroll-heatmaps/より引用)先ほども言った通り、流行の長いページのような、ユーザーが能動的にスクロールをするようなページで役立ちます。他には、スマートフォンのページはどうでしょうか?表示を画面の幅に合わせてくれる「レスポンシブデザイン」の導入によって、スマートフォンサイトのページは長くなる傾向にあります。サイト訪問者のスマートフォン使用率も高まっています。この傾向に「スクロールヒートマップ」はぴったりの分析手段ではないでしょうか?ブログサイトに導入してもいいと思います。読者がどの程度まで記事を読んでくれているかはブロガーも知りたいところ。記事構成の改善のきっかけになりますよね。現代は情報の氾濫が起こっていると言われていますが、サイト数の増加だけではなく、1ページに含まれる情報量も増加しています。時代の傾向にフィットした分析手法ではないでしょうか。3.まとめ今回はMouseflowのヒートマップを紹介した後、スクロールヒートマップの活用法を解説していきました。スクロールヒートマップは、ヒートマップ機能があるツールならほぼ全てに搭載されています。関連記事mouseflowmouseflowによる分析の観点こんにちは、インターン生の丸山です。Analytics【超わかる】WEB解析の全貌はじめにこんにちは!インターン生の與那覇(ヨナハ)です今回は時...mouseflowMouseflow(ヒートマップ)の効果的な活用術こんにちは!インターン生の山本です。前回の更新から期間が空...mouseflowmouseflowを使ったページ解析こんにちは!インターン生の山田です。)この記事へのコメントはありません。この記事へのトラックバックはありません。URL返信をキャンセルする。-URL上に表示された文字を入力してください。Practitionerが変わりました。