見出し画像

User Heatを使ったヒートマップ解析の手順

サイトを訪れたユーザーがどのように行動したのかをマウスの動きなどから調べサイト上に分かりやすく表示したものがヒートマップです。 User Heat (ユーザーヒート)はユーザーローカル社が提供するヒートマップ解析ツールの一つです。 1 サイトあたり月間 30 万 PV まで無料で利用することができます。 User Heat を使ったヒートマップ解析の手順についてご紹介します。

ユーザー登録を行う

User Heat を利用するには次の URL へアクセスして下さい。

https://userheat.com/

画像1

User Heat の利用は無料です。 1 サイトにつき月間 30 万 PV までの制限がありますが、 30 万 PV を越えると計測が止まるだけで課金が行われることはありません。

利用するにはそれでは最初にユーザーを行います。テキストボックスに対象となるサイトの URL を入力し、「登録する(無料)」をクリックして下さい。

画像2

新規登録画面が表示されます。

画像3

入力可能な箇所を入力し「登録」をクリックして下さい。入力が必須な項目があるのかどうかは分かりませんでしたが、メールアドレスとパスワードの未入力し、そのあとで「登録」をクリックしました。

画像4

ユーザー登録が仮で完了しました。先ほど入力したメールアドレス宛に確認メールが送信されます。

画像5

届いたメールに記載されているユーザー登録確認 URL をクリックすると確認が完了します。

画像6


User Heatへログインする

ユーザーの登録が完了したらログインを行ってみます。トップページの画面右上に表示されている「ログイン」をクリックして下さい。

画像7

ログイン画面が表示されます。ユーザー登録した時に指定したメールアドレスとパスワードを入力し、その後で「ログイン」をクリックして下さい。

画像8

User Heat の管理画面が表示されます。この画面で計測用のタグを取得したり、解析結果を閲覧することができます。

画像9

解析タグを発行する

サイトの解析を行うには解析を行いたいページに解析タグを設置します。後ほど解説する解析レポートはページ単位で確認することができます。解析タグを発行するには画面左上にある「解析タグ発行」をクリックして下さい。

画像10

解析タグが表示されます。

画像11

解析タグのページへの設置方法ですが、 HTML サイトの場合は「設置するページのHTMLファイルの「</head>」のタグ直前に取得したタグを設置します。」と表示されています。それ以外の WordPress を使ったブログや、各種ブログサービスを利用したブログなどへの設置方法も記載されていますので、解析を行う対象に合わせて解析タグを設置してください。

画像12

対象のサイトの解析を行いたいページに解析タグを設置しました。結果が出るまではしばらくかかります。

 ヒートマップ解析の結果を確認する

解析タグを設置したページの閲覧が増えてくるとヒートマップ解析の結果を確認することができるようになります。実際の結果を見る前に、どのようなヒートマップを確認できるのか公式サイトで解説されていますのでみておきます。

ヒートマップとは? | 無料ヒートマップ解析ツール User Heat

画像13

確認できるヒートマップは 5 つあります。公式サイトから引用させていただきます。

熟読エリア
訪問者のマウスの動きや滞在時間をもとに、このページがどのように見られているか可視化したヒートマップです。よく見られている段落が赤く表示されています。
終了エリア
このページがどこまで読まれたかを表しています。横幅とパーセントの数字は、どのぐらいのユーザーがその場所まで見たかを示しています。
クリックエリア
ページのどこがクリックされたかを可視化しています。このページのクリックのうち、「ユーザーが一番最後にクリックした場所」だけにしぼって表示しています。
マウスムーブ
このページを訪れたユーザーが、マウスをどのように操作したのかを、複数同時に確認できます。複数人の動きを同時に見ることで、このページでのユーザー閲覧行動の傾向が明らかになります。
離脱エリア
ユーザーがどれくらいスクロールして離脱したかを表します。終了エリアと違い、クリックして次のページに移動した場合などの良い遷移は対象としておらず、ページ内でユーザーの離脱要因となっている箇所を発見するのに役立ちます。

実際の結果が出るのは少し時間がかかります。

画像14

解析タグを設置してある程度経過してから User Heat のサイトへアクセスすると次のような画面が表示されます。

画像15

現在は 1 ページだけですが、解析タグを設置したページ毎にヒートマップを確認するためのリンクが表示されています。それでは「マウス」をクリックします。

画像16

次のような画面が表示されます。スクロールしてみていきます。

画像17

画像18

マウスをどのように動かしていったのかの軌跡を見ることができました。

次に「クリック」を見てみます。

画像19

次のような画面が表示されます。スクロールしてみていきます。

画像20

画像21

ページの最後にどこをクリックしたのかを確認することができました。

他にも「熟読エリア」や「終了エリア」「離脱エリア」のヒートマップをみることができます。

画像22

画像23

画像24

対象のページへアクセスが増えていくことで、より信頼性のあるヒートマップを見ることができるかと思います。

-- --

User Heat を使ったヒートマップ解析の手順について書きました。

この記事が気に入ったら、サポートをしてみませんか?
気軽にクリエイターの支援と、記事のオススメができます!
4
プログラミングや各種サービスの使い方に関するWebサイトを運営しています。ノートでは運営しているサイトの新しいコンテンツの紹介や関連するニュース、運営しているサイトでは掲載できない記事などを投稿していく予定です。
コメントを投稿するには、 ログイン または 会員登録 をする必要があります。