Powered by NotePM

08.ヒートマップの見方

Published on 26/07/2022 14:38
  • 443

ヒートマップの見方

①各マップと確認方法

一覧画面の施策にある「プレビュー」から確認します。

【click】

04e1a1cc-131d-11ed-972a-064017533d40.png?ref=thumb

ページ上でクリック/タップが発生した位置を確認することができます。ボタンが正しく認識されているか、意図しない位置でクリックが多発していないかなど、ユーザビリティの問題を発見することができます。
a4ee0eba-61d8-11ef-b696-061da1ef3444.png?ref=thumb

クリックされている箇所をクリック、またはオンマウスすると「クリック回数」が表示されます。

【scroll】

0cc87780-131d-11ed-aa08-064017533d40.png?ref=thumb

ユーザーがページ内のどこまでをスクロールしたかを視覚で確認できます。

離脱ポイントを分析し、コンテンツの設置順や内容の見直しの改善に役立ちます。

【attention】

1cd20dc6-131d-11ed-bcd5-06720a606bea.png?ref=thumb

ページ内でのユーザーの滞在時間の長さに応じて、色で視覚化し確認できます。

どのコンテンツにユーザーが注目しているのか、離脱につながっているのかを分析します。


※ヒートマップはデータが蓄積するまで日数がかかります。
 必要な日数は1日のPV数によりことなります。

②マップの上部のバーについて

66586158-5dd9-11ef-a975-064017533d40.png?ref=thumb
6b067f8c-5dd9-11ef-a8ae-061da1ef3444.png?ref=thumb

タイプ:マップの種類「クリック」「スクロール」「アテンション」を切り替えることができます。
感度:倍率を選択します。
サイズ:「クリック」の丸の大きさを選択します。「スクロール」「アテンション」は未対応となります。
期間:計測期間を設定します。
※表示最大期間は3ヶ月です。
画面幅:計測画面幅を選択します。
URL変更:確認するページのURLを変更します。アクションがないページのURLは選択できません。
読込:最初に読み込みきれなかったデータを読み込みます。
※表示速度を改善するため、最初は開いて10秒間で読み込んだデータを反映しています。
ON/OFF:ヒートマップのON/OFFを切り替えられます。

OFF時にサイト内のリンクをクリックすると、遷移先のヒートマップを簡単に見ることができます。
画面幅を基準に位置を調整:画面幅に合わせてヒートマップを表示します。

③スマホサイズを確認する方法

6f78082a-61d9-11ef-9e92-064017533d40.png?ref=thumb

施策一覧の「スマホで見る」のアイコンをクリック


91580c32-61da-11ef-9cf5-06720a606bea.png?ref=thumb

①QRコード

スマホ実機で確認される場合は、QRコードを読み取っていただくか、「スマートフォン用プレビューURL」を打ち込んでください。

②「PCで見る」

ボタンをクリックするとスマートフォン用プレビューのウィンドウが開きます。
03e25258-61db-11ef-a97c-06720a606bea.png?ref=thumb
27e5c93c-61db-11ef-be3d-06720a606bea.png?ref=thumb
「レポート」を押すとメニューが開きます。


※「スマホで見る」からうまくヒートマップが開かない場合


画面収録-2023-08-01-13.59.10.mp4


「右クリック」>「検証」>「サイズ」が500px以下になっていることを確認します。

こちらでスマホサイズのプレビューを確認することができます。

※プレビューが表示されない場合

【プレビューを開いて最初に何も映らない場合】

①タグプラスのタグがサイトのHTMLに入っていることを確認してください。
②画面上の「URL変更」>「リンクを選択してください」からご覧になりたいURLを選択してご確認ください。
③プレビューがそれでも見られない場合は、サポートまでご連絡ください。

【対象ページのURLスキーマーがhttpの場合】

うまく表示できない場合があります。以下の手順をお試しください。
①URL横の鍵マークをクリックし、「サイトの設定」ページを開いてください。
47eaaf0e-131d-11ed-8c3f-064017533d40.png?ref=thumb
②ページ中央にある「安全でないコンテンツ」を「許可」に変更ください。
4b161308-131d-11ed-bffe-064017533d40.png?ref=thumb
③プレビュー確認後、こちらの設定は「ブロック(デフォルト)」に戻しておいてください。

※上記手順に沿ってプレビューがうまく表示がされない場合は以下の項目をご確認ください。

①数回画面をリロードしてみてください。
②Scriptタグがbodyタグの閉じタグの直前に置かれていることをご確認ください。