# ダイナミックヒートマップの特徴解説 ダイナミックヒートマップは、Ptengine独自の高度な描画技術を用いて作成されるヒートマップです。\ 他社のスクリーンショット型ヒートマップと異なり、静的にページを取得して描写する方式ではなく、より高度な描画技術と大量のデータを活用しています。\ この技術により、訪問者のクリックやタップなどの閲覧行動を高精度に捉え、より深い顧客理解を実現します。 具体的な解説は以下をご参照ください。 ## **高精度の描写方法** ダイナミックヒートマップは、訪問者のクリックやタップがあった座標にデータを描画するのではなく、**ページのHTML構造を捉えてヒートマップを描画します**。\ これにより、クリックやタップなどの操作、またはレスポンシブデザインによってHTML構造が変化した場合、ヒートマップの色づきやクリックデータもHTML構造に従って変化し、ユーザー行動を直感的かつ正確に理解することができます。（例：ポップアップの表示前と後で描写が変化することなど） ![](/files/q5Baqyf7sBu6X3F3Au2L) ## **動的要素を分析可能** サイトのグローバルメニューやスライド式バナー、折りたたみ式のコンテンツなど、閲覧に操作を要する動的要素は、訪問者の興味関心が現れやすい場所です。\ ダイナミックヒートマップではこのような隠れた場所に表示されているコンテンツのヒートマップも簡単に確認できます。\ 詳しくは[こちらの記事](/faq/data/heatmap-low-clicks.md)をご確認ください。
## **動的な特殊ページの分析** ダイナミックヒートマップは、動的にヒートマップを描写するため、SPA (Single Page Application) やPWA (Progressive Web Apps) 、スクロールフェードイン効果を用いたページなど、最新の技術スタックとの互換性が高いのも特徴です。\ 互換性のあるページ技術：\ ・ SPAページ (React、Vueなど実績多数)\ ・ PWAページ\ ・ レスポンシブページ\ ・ Lazy Load (遅延読み込み)やスクロールをトリガーに要素が表示されるような長いページ\ ・ モダンなデザイン、パララックススクロール、アニメーションエフェクトなど\ ・ 会員限定やログインが必要なページ\ ・ アクセス制限のあるページ (例：IP制限、イントラネット、ステージング環境など) --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://helps.ptengine.com/developer/dynamic-heatmap.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.