> For the complete documentation index, see [llms.txt](https://helps.ptengine.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://helps.ptengine.com/faq/data/heatmap-low-clicks.md).

# ページ分析ヒートマップのクリック数が少ない

この記事では、インタラクティブモードおよびインタラクティブ要素の表示・非表示について詳細をご説明します。

## あるはずのクリックデータがない <a href="#id-1-toc-title" id="id-1-toc-title"></a>

Ptengineヒートマップでは、デフォルトで非インタラクティブ要素を非表示としていますが、フロントエンドではHTMLの代わりにjsを使用して要素のインタラクションを構築することがあるため、本来はインタラクティブ要素として識別されるべき要素が非インタラクティブ要素として識別されてしまうことがあります。

そのため、クリックデータが見られなかったり、少ないと感じたりした場合は、ヒートマップツールバーの「表示」アイコンから非インタラクティブ要素（隠し要素）にチェックを入れてみてください。

![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-ac39a2474583f16fbab7af03e24df154a3a97c4f%2Ffaq-data-heatmap-low-clicks-01.png?alt=media)

## インタラクティブ要素とは <a href="#id-0-toc-title" id="id-0-toc-title"></a>

ユーザーがクリックなどの操作をすることができる要素のことを、インタラクティブ要素と呼びます。Ptengineのヒートマップでは、効果的かつ効率的な分析をサポートするために、デフォルト状態では、インタラクティブ要素のみを表示し、その他の要素は隠しています。

#### インタラクティブ要素の定義

インタラクティブ要素は、HTMLタグの属性で識別しています。下記の要素は、インタラクティブ要素として判断され、その他は非インタラクティブ要素（隠し要素）として識別されます。

`"a" "input" "select" "embed" "object" "textarea" "button"`

※非インタラクティブ要素の例：ページフレームやコンテンツコンテナなど

## インタラクティブ要素の確認する方法

### インタラクティブモードで確認 <a href="#id-2-toc-title" id="id-2-toc-title"></a>

クリックヒートマップとアテンションヒートマップは、ページ上でクリック操作などを行うことができません。そのため、アコーディオンメニューの中身やログインなど操作を要するページをヒートマップで確認したい場合は、インタラクティブモード機能をご利用ください。

![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-e78c4521041bc41cb0eaf3dc97ec8df47d27fa14%2Ffaq-data-heatmap-low-clicks-02.png?alt=media)

画面右上のインタラクティブアイコンをクリックし、ページ上の要素をクリックしたり切り替えたりした後、インタラクティブモードをオフにすると、ヒートマップ画面に戻り、操作内容に応じてページコンテンツが更新されます。

通常、インタラクティブモードを閉じたらページコンテンツが更新されますが、そうでない場合は、インタラクティブモードの右側にある3つの点のアイコンをクリックし、ヒートマップの更新をクリックしてください）

具体的な操作手順は[ログイン必須ページのヒートマップを見る方法](https://help.ptengine.jp/docs/faq-heatmap-loginpage/)をご覧ください。

**Note：**&#x30A4;ンタラクティブモードは、クリックに反応する要素に対してのみ機能し、マウスオーバーには対応しておりません。マウスオーバー時に要素の状態が変化し、マウスオーバーを外すと元の状態に戻る場合は、ページ分析ヒートマップをご利用ください。

## タイプ別の確認方法 <a href="#id-3-toc-title" id="id-3-toc-title"></a>

各要素のHTML属性により、デフォルト状態では、クリックを確認したい要素が隠されている場合があります。

クリックがありそうな要素のクリックデータが見られなかったり、少ないと感じたりする場合は、ヒートマップツールバーの「表示」アイコンから非インタラクティブ要素にチェックを入れてみてください。

### アコーディオンメニュー

サイトメニューなどによく利用される折りたたみ式のアコーディオンコンテンツは、ページ分析ヒートマップでの確認をおすすめします。\
ページ分析ヒートマップでは、実際のウェブページを見ているようにページのインタラクションに合わせてコンテンツが自動的に変化し、詳細なデータも確認できます。\
※クリック・アテンションヒートマップは、クリックで状態を維持できる要素にのみ適用され、マウスオーバーには適用されません。マウスオーバーのみに反応するコンテンツを確認したい場合は、ページ分析ヒートマップなどでデータを確認することをおすすめします。

<figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-796284a9fbb7b520d265ab03ab51077cb05a74d4%2Finteractivwe2.gif?alt=media" alt=""><figcaption></figcaption></figure>

### スライド・カルーセル

自動スライドバナーやカルーセルメニューもヒートマップで確認可能です。

![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-d4960fda3ac51f69a9309e4e30b65c75781d3bce%2Ffaq-data-heatmap-low-clicks-03.gif?alt=media)

### ドロップダウンナビゲーション

マウスオーバーをした時のみ表示されるコンテンツは、ページ分析ヒートマップのみで確認することができます。

<figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-8a3ed20813f8e67db5920c52dde9654da05b5ae2%2Finteractivwe4.gif?alt=media" alt=""><figcaption></figcaption></figure>

### タブ切り替え

同一ページ内でタブが切り替わるページも確認することができます。

<figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-44ac6be12a26f4823d132fbdfcc6ca0f2916faa7%2Finteractivwe5.gif?alt=media" alt=""><figcaption></figcaption></figure>

### 会員限定ページ（ログインが必要なページ）

ログイン操作が必要なページ、また検索やアンケート、ゲームなどを行った後のページについても、URLを変更することなく結果ページを確認することができます。

<figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-4401829b0331f58fa83373a7be8a692a16ed6879%2Finteractivwe6.gif?alt=media" alt=""><figcaption></figcaption></figure>

### チャットボックス

チャットボックスは、そのツールの開発仕様に大きく依存します。一般的に、チャットボックスを開くためのクリックは、アイコン自体に付随しており、ページをスクロールすると追従するため、他の要素んクリックと誤認する心配はあまりないと考えられます。

<figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-743ef0ba99bed6d55c0f1e8e8d1854a4faf94a08%2Finteractivwe7.gif?alt=media" alt=""><figcaption></figcaption></figure>

一方、チャットボックス内のクリックは、iframe要素として埋め込まれている場合、iframeの仕様上の制約によりPtengineでの解析・計測ができません。\
YouTube動画など他のiframe要素で埋め込まれたコンテンツのクリック数も、同じ理由で計測できません。<br>
