"The CVR of my LP is low, but I can't figure out where the problem is just by looking at the numbers" — in situations like this, being able to visually understand where on the page people are clicking and how far they are reading makes it intuitive to identify which areas to prioritize for improvement.The Creative Drive CRO heatmap displays click distribution and scroll depth on pages where the measurement tag is installed, overlaid on actual page images using color visualization.Without having to manually interpret tables of numbers, you can quickly identify issues such as "the CTA button is located in an area that users aren't reading" or "a large number of visitors are dropping off in the first view."
We solve these challenges
- Trying to analyze the cause of low CVR with numbers alone makes it impossible to determine where the problem lies
- Unable to track how far down the LP sections users are reading
- There is a possibility that visitor behavior patterns differ between PC and smartphone, but there is no way to verify this
- Want to improve, but lack a basis for deciding "which areas to prioritize fixing"
What you can do
- Display areas with more clicks using color intensity
- Display completion rate per section
- View separately for PC and smartphone
- You can go directly into the actual page editor to fix it
How it works
The Creative Drive CRO heatmap overlays data onto actual page images based on click events and scroll depth data captured by the measurement tag.The click heatmap displays the number of clicks and click rate for each element using color gradients.The scroll heatmap displays how far down the page visitors have scrolled using a gradient visualization, and you can also check the read-through rate for each section as a numerical value.You can switch between device-specific data (PC/smartphone/tablet) and navigate directly from the heatmap screen to the live page editing feature to begin making improvements.
Use it in situations like this
Check if the CTA is not placed in a position with a low scroll reach rate
Check the percentage of visitors who have reached the CTA button position using the scroll heatmap.If you know that "the CTA is below the fold and only 30% of visitors are reaching it," the improvement action of moving the CTA higher becomes clear.
Discover that different areas are being read on smartphones and PCs
There are cases where sections that are read to the end on PC are abandoned midway on smartphones.By comparing heatmaps by PC and smartphone, you can prioritize optimization measures for each device.
Change the copy and design of CTAs that are not getting clicks
If the click heatmap shows that clicks on the CTA button are low, you can navigate directly to the live page editor to change the CTA text, color, and position, then launch an A/B test.
Getting started
Install measurement tag
Verify that the measurement tag is installed on the target page.Heatmap data is automatically collected on pages where the tracking tag is installed.
Select a page in heatmap
Select the page URL you want to analyze using the heatmap feature in the admin panel.When sufficient data has accumulated (guideline: 100 sessions or more), the color will appear darker.
Switch between clicks and scrolls to analyze
Switch between click heatmaps and scroll heatmaps to review them.Switch between PC and smartphone views to identify device-specific issues.
Identify issues and proceed to actual page editing
Once you have identified issues such as "CTA is placed where it is not being read" or "high drop-off in important sections," navigate directly to the live page editing feature to set up improvement proposals.
FAQ
Related features
You can try it with your current site as-is
You can start by placing a single line of tag.
Contact Us