> 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/developer/dynamic-heatmap.md).

# ダイナミックヒートマップの特徴解説

ダイナミックヒートマップは、Ptengine独自の高度な描画技術を用いて作成されるヒートマップです。\
他社のスクリーンショット型ヒートマップと異なり、静的にページを取得して描写する方式ではなく、より高度な描画技術と大量のデータを活用しています。\
この技術により、訪問者のクリックやタップなどの閲覧行動を高精度に捉え、より深い顧客理解を実現します。

具体的な解説は以下をご参照ください。

## **高精度の描写方法**

ダイナミックヒートマップは、訪問者のクリックやタップがあった座標にデータを描画するのではなく、**ページのHTML構造を捉えてヒートマップを描画します**。\
これにより、クリックやタップなどの操作、またはレスポンシブデザインによってHTML構造が変化した場合、ヒートマップの色づきやクリックデータもHTML構造に従って変化し、ユーザー行動を直感的かつ正確に理解することができます。（例：ポップアップの表示前と後で描写が変化することなど）

![](/files/q5Baqyf7sBu6X3F3Au2L)

## **動的要素を分析可能**

サイトのグローバルメニューやスライド式バナー、折りたたみ式のコンテンツなど、閲覧に操作を要する動的要素は、訪問者の興味関心が現れやすい場所です。\
ダイナミックヒートマップではこのような隠れた場所に表示されているコンテンツのヒートマップも簡単に確認できます。\
詳しくは[こちらの記事](/faq/data/heatmap-low-clicks.md)をご確認ください。

<figure><img src="/files/fDAtMO4cur6oxMb6dJqt" alt=""><figcaption></figcaption></figure>

## **動的な特殊ページの分析**

ダイナミックヒートマップは、動的にヒートマップを描写するため、SPA (Single Page Application) やPWA (Progressive Web Apps) 、スクロールフェードイン効果を用いたページなど、最新の技術スタックとの互換性が高いのも特徴です。\
互換性のあるページ技術：\
・ SPAページ (React、Vueなど実績多数)\
・ PWAページ\
・ レスポンシブページ\
・ Lazy Load (遅延読み込み)やスクロールをトリガーに要素が表示されるような長いページ\
・ モダンなデザイン、パララックススクロール、アニメーションエフェクトなど\
・ 会員限定やログインが必要なページ\
・ アクセス制限のあるページ (例：IP制限、イントラネット、ステージング環境など)