blog»2026/8/4: クリックヒートマップの改善 – 現在表示されている要素にフォーカス

Ptengine
マーケティング部
2026年08月03日
この記事は約3分で読めます。
今回のアップデートでは、クリックヒートマップの表示方法を改善しました。デフォルトでは、いまページ上に表示されている要素のクリックだけを描画するため、ヒートスポットとページ上の要素がぴったり対応します。非表示の要素も含めた全体のクリック分布を見たいときは、「すべてのクリックを表示」をオンにするだけで切り替えられます。
クリックヒートマップを開くと、デフォルトではページ上に表示されている要素のクリックだけを描画します。折りたたまれたメニュー、カルーセルで表示されていないスライド、閉じられたポップアップといった「現在表示されていない要素」のクリックは、デフォルトでは重ねて表示されません。
これにより、表示される一つひとつのヒートスポットがページ上の具体的な要素と対応し、ヒーロー画像・CTA・カート追加ボタンなどを、余計なノイズに惑わされずに分析できます。
ハンバーガーメニュー、ドロップダウン、クリックで開くフォームやクーポンのポップアップ——こうした「操作して初めて表示される要素」のクリックは、どう見ればよいでしょうか。
インタラクティブモードに入り、実際の訪問者と同じようにページを操作して(メニューを開く、ポップアップを表示させる)、その要素を画面に表示させます。インタラクティブモードを終了すると、ヒートマップは「現在の表示状態」に合わせて描き直されます。すると、メニュー項目やポップアップ内のボタンへのクリックが、展開後の正しい位置に表示され、どの導線・どのボタンがよくクリックされているかを確認できます。
「いまのページに沿って正確に見る」のではなく、表示・非表示を問わずすべてのクリックを重ねた全体のクリック分布を一度に把握したい場合は、ツールバーの**「すべてのクリックを表示」**をオンにします。これまでどおりの全体的なヒート分布に戻ります。オフにすれば、「現在表示されている要素」に集中したビューに戻ります。
それぞれ役割が異なります——インタラクティブモードは「特定の非表示要素を実際に展開し、その要素へのクリックを正確に見る」ため、「すべてのクリックを表示」は「表示・非表示を問わず全体のクリック分布を見る」ためのものです。

ℹ️ 「現在表示されていない要素」の範囲について
ここでいう「表示されていない要素」とは、ページ上には存在するものの、いまは表示されていない要素——たとえば折りたたまれたメニューや、表示されていないカルーセルのスライドを指します。
「すべてのクリックを表示」で見えるかどうかは、その要素がページ上に「居場所」を残しているかによります。画面の外に隠れたドロワーや、折りたたまれても元の位置に残っているコンテンツのように「いなくなったのではなく、姿を隠しているだけ」の要素は、オンにすれば表示されます。一方、閉じると跡形もなく片付けられるポップアップのように**「居場所」ごと消えてしまう**要素は、点を置く場所がないため表示されません——その場合は、インタラクティブモードで開き直せばクリックを確認できます。
なお、ページ上にすでに存在しない・特定できない要素(リニューアルで削除されたモジュールなど)の過去のクリックは描画しません。対応する位置のないクリックによる誤解を防ぐためです。
Q. デフォルト表示だとクリックが以前より少なく見えますが、データが欠けているのですか?
A. いいえ、データはすべて残っています。デフォルトでは「現在表示されていない要素」のクリックを外しているだけで、ヒートスポットを目の前のページに合わせています。すべて見たいときは、いつでも「すべてのクリックを表示」をオンにしてください。
Q. ハンバーガーメニューやポップアップ内のクリックは、どう確認しますか?
A. インタラクティブモードに入り、ページ上でメニューを展開したりポップアップを表示させたりしてから終了すると、ヒートマップが現在の表示状態に合わせて描き直され、それらのクリックが表示されます。
Q. ページ内のカルーセル(自動切り替えのスライド)が切り替わっても、ヒートスポットが更新されないのはなぜですか?
A. ページの表示パフォーマンスと快適な操作性を保つため、カルーセルの自動切り替えのたびにヒートマップを再描画することはしていません。特定のスライドのクリックを見たいときは、表示中のスライドにマウスを合わせると、ヒートマップが更新されてそのスライドに対応するヒートスポットが表示されます。
Q. リニューアルで削除した要素の過去のクリックは表示されますか?
A. 表示されません。現在のページ上で対応する要素を特定できないクリックは、誤解を避けるため描画しません。
同じクリックヒートマップでも、「いまのページに沿って正確に見る」ことと「すべてのクリックの全体のクリック分布を見る」ことは、互いを補い合う2つの視点です。 まずはデフォルトのビューで、いま改善しているページの主要な要素を分析し、メニューやポップアップ内のクリックを見たいときはインタラクティブモードで展開し、全体のクリック分布に戻りたいときは「すべてのクリックを表示」をオンにしてください。
いかがでしたでしょうか?ぜひシェアをお願いいたします。