# Dynamic Heatmap Features Explained

## Dynamic Heatmap Features Explained

Dynamic Heatmap is a heatmap created using Ptengine's proprietary advanced rendering technology. Unlike competitors' screenshot-based heatmaps, it does not use a method that statically captures and renders pages. Instead, it leverages more advanced rendering technology and vast amounts of data. This technology captures visitors' browsing behavior such as clicks and taps with high precision, enabling deeper customer understanding.

Please refer to the details below.

## **High-Precision Rendering Method**

Dynamic Heatmap does not render data at the coordinates where visitors clicked or tapped. Instead, it **renders heatmaps by capturing the page's HTML structure**. This means that when the HTML structure changes due to interactions like clicks and taps, or due to responsive design, the heatmap's coloring and click data also change in accordance with the HTML structure, allowing you to understand user behavior intuitively and accurately. (For example, the rendering changes before and after a popup is displayed)

## **Analyze Dynamic Elements**

Dynamic elements that require user interaction to view, such as site global menus, sliding banners, and collapsible content, are places where visitor interest often appears. With Dynamic Heatmap, you can easily view heatmaps of content displayed in these hidden locations. For more details, please check [this article](/en/developer/dynamic-heatmap.md).

## **Analyze Dynamic Special Pages**

Dynamic Heatmap has the characteristic of being highly compatible with modern technology stacks, such as SPA (Single Page Application) and PWA (Progressive Web Apps), and pages that use scroll fade-in effects, because it dynamically renders heatmaps. Compatible Page Technologies: · SPA Pages (React, Vue, and many others with proven track records) · PWA Pages · Responsive Pages · Long pages where elements are displayed via Lazy Load (lazy loading) or scroll-triggered display · Modern design, parallax scrolling, animation effects, and more · Pages requiring membership or login · Pages with access restrictions (e.g., IP restrictions, intranet, staging environment, etc.)


---

# 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/en/developer/dynamic-heatmap.md?ask=<question>
```

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.