マーケ自動化
ヒートマップの使い方|LPのどこが読まれ、どこが押されたかを色で見る
AiCmoの「ヒートマップ」の使い方を解説します。計測したいLPのURLを登録し、タグを貼ると、ページのどこが押され、どこまで読まれ、どこでじっくり読まれたかを色と数字で見られます。ページの追加、タグの貼り方と確認、一覧の数字の意味、クリック・スクロール・熟読の見方、計測のやめ方まで。

LPを作って配っていますが、どこまで読まれているのか、ボタンが押されているのか、さっぱり分かりません。
中川 瞬「ヒートマップ」にLPのURLを登録してタグを貼ると、押された所・読むのをやめた所・じっくり読まれた所が、実際のページの上に色で出ます。直す場所が目で見て分かります。
ヒートマップは、ページのどこが押され、どこまで読まれ、どこでじっくり読まれているかを見られる機能です。ヒートマップとは「熱の地図」のことで、たくさん押された所・長く見られた所ほど、赤く表示されます。「半分の人がここで読むのをやめている」所が分かるので、LPのどこを直せばいいかが分かります。
プランヒートマップはスタンダードプラン以上で使えます(プレダイ会員はプレダイベーシック以上)。プランが足りないときは、左メニューの「ヒートマップ」に「スタンダード」の札が付きます。AIは使わないので、クレジットは使いません。
3つの見方
| 見方 | 分かること | 画面の表示 |
|---|---|---|
| クリック | どこが押されたか | 押された所ほど赤い色。よく押された部品に番号 |
| スクロール | どこまで読まれたか(どこで離れたか) | 赤い線ごとに「読んだ人◯%」。半分が離れる所にオレンジの点線 |
| 熟読 | どこでじっくり読まれたか | 長く見られた所ほど赤い色。上位3か所に「約◯秒」 |
全体の流れ
- 手順1 「メディア管理」の「ヒートマップ」を開く
- 手順2 計測したいページのURLを追加する
- 手順3 タグを貼って、記録が届いたかを確かめる
- 手順4 ページ一覧で数字を見る
- 手順5 ページの分析で、色と文章を読む
- 手順6 いらなくなったら計測をやめる
手順1 「ヒートマップ」を開く
左メニューの「メディア管理」→「ヒートマップ」を開きます。
画面の上で、どのアカウントのページを見るかを選びます。選んでいないときは「アカウントが選ばれていません。上でアカウントを選んでください。」と出ます。
手順2 計測したいページを追加する
左上の「+ ページを追加」を押すと、「計測するページを追加」の欄が出ます。
- ページのURL:計測したいLPのURL。https:// から入れます(例:https://example.com/lp)
- 名前(任意):一覧に出る名前です。空なら、ページの見出しを自動で使います
入れたら「追加する」を押します。「ページを追加しました」と出て、すぐ下にタグの案内が出ます(→ 手順3)。
「?」から後ろはまとめて数えますURLの「?」から後ろ(広告の印など)は区別しません。広告ごとに印を付けたURLでも、同じページとしてまとめて数えます。
手順3 タグを貼って、記録が届いたかを確かめる
タグとは、ページに貼る短いコードのことです。これが入ったページを誰かが開くと、押した所や読んだ所が記録されます。
ページを追加すると、「計測タグ」の案内が出ます。
- 「タグをコピー」を押します
- 計測したいページの<head> の中(ページの見えない頭の部分)に貼ります。ページを作ったツールの「head にコードを入れる欄」を使います
- 計測したいページを一度自分で開いてから、「タグの確認」を押します
「● 記録が届いています(最後:◯月◯日 ◯◯:◯◯)」と出れば完了です。「まだ届いていません。」と出たときは、タグを貼ったページ(登録したページ)を開いてから、もう一度押してください。
タグは1つのサイトで共通タグはサイト(ドメイン)ごとに1つです。全部のページに入る場所(サイト全体の共通設定など)に貼っておけば、同じサイトのほかのページはURLを登録するだけで計測できます。すでに記録が届いているサイトなら、追加したときに「ページを登録しただけで計測が始まります」と出ます。
登録したページだけ記録しますタグが入っていても、ヒートマップに登録していないページは記録しません。計測したいページは、手順2で1つずつ登録してください。
あとからタグを見たいときは、ページの分析(手順5)の名前の下にある「</> タグを表示」を押します。
手順4 ページ一覧で数字を見る
登録したページが、カードで並びます。カードには3つの数字が出ます。
| 数字 | 意味 |
|---|---|
| 見た人 | そのページを見た人の数 |
| 最後まで読んだ | スクロールした人のうち、ページの9割以上まで読んだ人の割合 |
| 申し込み | 見た人のうち、申し込んだ人の割合(申し込みがあると緑の字) |
上のボタンで、表示を絞り込めます。
- サイト:「すべて」か、サイトごと。記録が届いているサイトには緑の点が付きます
- 端末:「すべての端末」「スマホ」「PC」
- 期間:「直近7日」「直近30日」「直近90日」
手順5 ページの分析で、色と文章を読む
カードを押すと、ページの分析が開きます。左に実際のページと色、右に数字と文章が出ます。
右上で、見方(「クリック」「スクロール」「熟読」)、端末(「スマホ」「PC」)、期間を切り替えます。
クリック|どこが押されたか
押された所ほど、青→緑→黄→赤の順に色が濃くなります。右の「よく押されている所」に、押された部品(ボタン・リンク・画像など)が多い順に8つまで並び、左の色の上の番号と対応しています。割合は、押された回数の中の割合です。
スクロール|どこまで読まれたか
ページの上に赤い線が一定の間隔で引かれ、それぞれに「上から◯% | 読んだ人 ◯%」が出ます。読んだ人が半分を切る所には、オレンジの点線と「ここで半分の人が離れます」が出ます。
右の「離れていく所」には、「ページの上から約◯%の所で、半分の人が読むのをやめています。」のように文章で出ます。いちばん人が減る所も書かれます。
熟読|どこでじっくり読まれたか
長く見られた所ほど赤くなり、上位3か所に「1位 約◯秒」のように出ます。右の「じっくり読まれている所」には、いちばん長く読まれた場所と、1人あたりの秒数が出ます。
マウスを置くと数字が出ます左のページの上にマウスを置くと、その高さの「上から◯% | 読んだ人 ◯% | 平均 ◯秒」が出ます。気になる見出しや写真の所で確かめてください。
数字が出ないとき記録が少ないうちは表示されません。読まれ方(離れていく所)はスクロールした人が5人以上、熟読は3人分たまると表示します。また、左の「実際のページを下に表示する」にチェックを入れても、ページが表示されないサイトもあります。そのときは色と線だけを見てください。
手順6 いらなくなったら計測をやめる
ページの分析の名前の下にある「計測をやめる」を押します。確認が出るので、よければ進めます。
これから先の記録は取らなくなりますが、これまでの記録は消えません。もう一度追加すれば、また見られます。
ほかの機能との違い
ヒートマップのよくある質問(Q&A)
Qタグを貼ったのに「まだ届いていません」と出ます。
Aタグを貼ったあと、計測したいページ(ヒートマップに登録したページ)を一度開いてから、もう一度「タグの確認」を押してください。タグが <head> の中に入っているか、ページの変更を保存・公開したかも確かめてください。
Q同じサイトの別のページも計測したいです。タグをもう一度貼る必要はありますか?
Aタグはサイトで共通です。全部のページに入る場所に貼ってあれば、「+ ページを追加」でURLを登録するだけで計測が始まります。
Q「このページはもう登録されています」と出ます。
A同じURLがすでに登録されています。「?」から後ろが違うだけのURLは、同じページとして扱います。
Q「URL は https:// から入れてください」と出ます。
AURLを https:// から始まる形で入れてください(例:https://example.com/lp)。
Q「離れていく所」や「熟読」に何も出ません。
A記録がまだ少ないためです。離れていく所はスクロールした人が5人以上、熟読は3人分たまると表示します。期間を「直近30日」や「直近90日」に広げてみてください。
Q計測をやめると、記録は消えますか?
A消えません。これから先の記録を取らなくなるだけです。もう一度追加すれば、また見られます。
Q「この機能はスタンダードプラン以上でご利用いただけます」と出ます。
Aヒートマップはスタンダードプラン以上(プレダイ会員はプレダイベーシック以上)の機能です。プランを変えると使えるようになります。
まとめ|ヒートマップのポイント
この記事の要点
- 「メディア管理」→「ヒートマップ」で、LPのどこが押され、どこまで読まれたかを色で見られる
- 「+ ページを追加」でURLを登録し、タグを <head> の中に貼って「タグの確認」で確かめる
- タグはサイトで共通。登録したページだけが記録される
- 一覧は「見た人」「最後まで読んだ(9割以上)」「申し込み」の3つの数字
- 分析は「クリック」「スクロール」「熟読」の3つ。オレンジの点線は半分の人が離れる所
- スタンダードプラン以上。クレジットは使わない
次にやること
離れていく所や押されていないボタンが分かったら、「LPの作り方」を見ながら、その場所の見出し・画像・ボタンを直してみましょう。直したあとにもう一度ヒートマップで比べると、効果が分かります。
