「スクロールヒートマップ」は、サイト訪問者のページ上のスクロール位置ごとの滞在時間をヒートマップで視覚化します。
サイト訪問者の滞在時間が長いほど赤く、短いほど青くなるので、視覚的にページ上の注視度を分析できます。
ページ上のスクロール率ごとの「到達数・到達率・滞在時間」の増減をグラフでも確認できるので、視覚的に「離脱が多い位置」を発見できます。
パソコン/スマートフォン/タブレットで表示されるページを分析できます。
1.「ヒートマップ」画面を開く
「スクロールヒートマップ」で分析したいページの右側の[ヒートマップ]ボタンをクリックします。
2.「スクロールヒートマップ」を表示する
[表示情報]のメニューから「スクロールヒートマップ」を選択します。
移動直後は[スクロールヒートマップ]が選択された状態です。
3.「スクロールヒートマップ」でページを分析する
「スクロールヒートマップ」は、「ページ上のどのスクロール位置がよく見られているか」と「どのスクロール位置でよく離脱されているか」を定性的に分析できます。
💡ページ上の「よく見られているスクロール位置」と「よく離脱されているスクロール位置」を特定できれば、より効果的なコンテンツの配置でページを構成できます。 |
①[ページ一覧] | 「ページ一覧」画面に移動します。 | |
②[ダッシュボード] | 「ダッシュボード」画面に移動します。 | |
ページの表示 | ③ 現在表示しているページのタイトル | 現在ヒートマップを表示しているページのタイトル |
④ 現在表示しているページのURL | 現在ヒートマップを表示しているページのURL | |
⑤[(お気に入り)] | (お気に入り)の[オン/オフ]を設定します。 [オン]:お気に入りのページ [オフ]:お気に入りではないページ |
|
⑥[(ページを選択)] |
「ページを選択」ダイアログを開きます。 詳しくは「ページを選択する」をご確認ください。 |
|
⑦[デバイス] | ページを表示するデバイスを切り替えます。 詳しくは「ページを表示するデバイスを切り替える」をご確認ください。 |
|
⑧[ページの表示サイズ] | スライダーを操作してページの表示サイズを調整します。 詳しくは「ページの表示サイズ(倍率・横幅)を調整する」をご確認ください。 |
|
⑨[同時スクロール] | ヒートマップを「並べて比較」した際に複数のヒートマップを同時スクロールします。 最大3つ並べて比較することが可能です。 |
|
⑩[ページの表示設定] | ページが正しく表示されないときに設定を変更します。 詳しくは「ページの表示方法を設定する」をご確認ください。 |
|
⑪[スクロールデータ] | このページの「スクロールデータ」に移動します。 | |
ヒートマップ | ⑫[セグメント] | 現在選択している「セグメント」と「セグメントのセッションの数」 クリックすると「セグメントを選択する」ダイアログを開きます。 |
⑬[ デバイスごとのPV] | 現在ヒートマップを表示しているページで計測したデバイスごとのPVの回数 | |
⑭[表示する期間] | タッチアクションを表示する集計データを期間で絞り込みます。 詳しくは「「期間」を設定する」をご確認ください。
|
|
⑮[並べて比較] | 異なる条件(ヒートマップの種類・セグメント・表示する期間)を組み合わせたヒートマップを、最大3つ並べて比較できます。 詳しくは「ヒートマップを並べて比較する」、「異なる「ヒートマップの種類」の「ヒートマップ」を並べて比較する」、「異なる「表示する期間」の「ヒートマップ」/「スクロールデータ」を並べて比較する」、「異なる「セグメント」の「ヒートマップ」/「スクロールデータ」を並べて比較する」をご確認ください。 |
|
⑯[ABテストを新規作成] | ABテストを新規作成します。 | |
⑰[パーソナライズを新規作成] | パーソナライズを新規作成します。 | |
⑱[表示情報] | ヒートマップの表示情報を設定します。 詳しくは「ヒートマップの表示情報を設定する」をご確認ください。 |
|
⑲[表示情報の設定] | 現在ヒートマップを表示しているページの詳しい情報を表示します。 詳しくは「ヒートマップを見ながらページの詳しい情報を確認する」をご確認ください。 |
|
⑳[ページ情報] | 現在ヒートマップを表示しているページの詳しい情報を表示します。 詳しくは「ヒートマップを見ながらページの詳しい情報を確認する」をご確認ください。 |
|
㉑[別ウインドウで表示] | ヒートマップを表示したまま、ページを別ウインドウで表示します。 詳しくは「ヒートマップを別ウインドウで表示する」をご確認ください。 |
|
㉒ ヒートマップとページのプレビュー | ヒートマップを表示しているページのプレビュー サイト訪問者の滞在時間が長いほど赤く、短いほど青く表示します。 滞在時間: 長い←■■■■■→短い ヒートマップの計測: 滞在時間が「5秒」を超えると「赤」になります。「赤」から「青」への色の変化は、もっとも赤い色の位置(=もっとも滞在時間の長い位置)のしきい値から20%ごとに相対的に切り分けられます。 |
|
㉓ インジケーター:ページのスクロール率 | ページのスクロール率 | |
㉔ インジケーター:サイト訪問者の50%の到達位置 | サイト訪問者の50%が到達した位置とPV |