The Scrollmap can help you determine the ideal landing page length for maximum conversions.
It will show you how far visitors scroll on your most important webpages. This is a helpful insight when it comes to figuring out where to put your sign-up buttons, forms, and other important calls-to-action.
So what do all the colors mean in our Scrollmap report? What should we take away from it?
There is a common misconception with Scrollmaps.
When looking at a Scrollmap report, many of us assume that the page gets colder as you scroll down. As you go further down the page, more people stop scrolling and exit.
But what about the people that stop and then start scrolling again? And what about the content that people zip straight past and never look at?
We built the Crazy Egg Scrollmaps to give you these deeper insights.
Instead of seeing only where people drop off on a page, you can also see what they scroll past, when they keep scrolling again, and where they truly start to drop off permanently.
Here are the helpful rules to remember when looking at a Crazy Egg Scrollmap:
- White and red spots: people spent time looking at that section. These are the hot and engaging parts of your page.
- Blue spots: people mean scrolled past that section or exited the page entirely. These are the cold parts that don't resonate with your visitors.
Impressions are used to show the sections of the page that are viewed the most. A section of the page will receive an impression if a visitor stops scrolling and the section is in the viewable area of the browser.
Often, the area right below the top of your page will have the most amount of views which results in a white band. The reason the section right below the top of the page is white is because it has received more impressions than the top of the page.
Sections lower on the page can be viewed more than sections above it. A section of the page can only receive an impression if the visitor stops scrolling.
What does the Average Fold mean?
The Average Fold shows what the visitor sees - in average - without having to scroll.
The average fold accounts for scroll interactions on the page. It will change based on how visitors are scrolling on a specific page.
The average fold is accompanied by the exact pixel value. For example, if it says "763px," this is an indicator of the information that is immediately shown to visitors on your site before they need to scroll to see more.
This allows you to see where the content renders on your visitors' screen. You can adjust your layout to show important information above the fold. For example, you can place a primary call-to-action above the average fold line.
In addition, the Scrollmap has a mouseover effect, called the "Movable Marker." The Movable Marker allows you to accurately see the data of all impressions on their pages.
This feature appears as the cursor moves up and down the Scrollmap report. The markers indicate where most visitors scroll to so you can adjust the page to keep important items above their desired viewing percentage. For example, let's say there's a Buy Now CTA. If the CTA falls right below the 50% viewed marker, you can move the CTA above that section to target a larger audience.