Page Insights Click Maps
Product Updates · 5 min read

Page Insights Click Maps

Jaime Yap
Posted March 16, 2017

Dynamic app states? Responsive design? Visualize aggregate clicks with FullStory Click Maps

Meet Page Insights with Click Maps, a bewitchingly cool new visualization mode in FullStory that solves the major problems associated with common heat map tools (e.g. responsive page design, variations in devices and browsers, dynamic overlays. More on this below!).

Page Insights with Click Maps shows you instantly how groups of users engage with every element on a page.

Page Insights with Click Maps shows you instantly how groups of users engage with every element on a page. Any moment that catches your eye during a FullStory replay becomes a springboard of deep statistical insight into aggregate user engagement. They work seamlessly with FullStory’s powerful OmniSearch to reveal behavioral patterns for any cohort of users you can dream up.

Your burning questions, answered by Page Insights Click Maps.

Page Insights Click Maps can help you answer super-valuable questions surprisingly easily. Things like…

  • What are the top 5 most clicked-on elements on your pricing page, and what percentage of users click on each of them? Do those percentages differ for users on mobile devices? By geography?

  • Who engages with what? I.e. do paying customers tend to engage with the same features as non-paying customers?

  • What's the onboarding UI look like in aggregate?

  • What's causing the most Rage Clicks among new users?

  • Understand the checkout flow. Which buttons on our checkout page tend to cause JavaScript errors most often?

  • Insert your own list of hundreds of previously intractable questions here.

How can FullStory possibly answer questions like those? Remember, FullStory can automatically record everythingFullStory Search then gives you an almost unbelievable ability (don't just take my word for it) to slice-and-dice your users into segments based on anything you want — behavior, time, geography, technology, custom variables, whatever.

Your ultra-granular segment becomes the foundation for the aggregate statistics in Page Insights Click Maps.

What are Page Insights, technically?

Page Insights with Click Maps isn’t just “page” insights, it’s really “visual state” insights. What’s so great about that? You can get statistics on literally anything you see — and that’s a much harder problem than other analytics tools have led you to believe.

If you've always wanted heatmaps you could trust that provide clear answers rather than splotchy insights, Page Insights Click Maps are heatmaps evolved.

UPDATE: Summer 2018 — But if you still want a heatmap visualization, we now have Engagement Heatmaps to compliment our Click Maps. Engagement Heatmaps use color to give you quick insights into aggregate user click intensity (within a search or segment).

» Learn more.

Imagine you’re replaying a session and you press pause. At that moment, you’re looking at a particular visual state of your app or website. Because you’re a smart human, it seems obvious what you want: engagement statistics in aggregate for what you’re currently seeing.

But computers are dumb, and two technicalities make it impossible for traditional heat maps to give you the answers you need. They have "gotchas!" baked into the way they work, and unless those problems are solved, the answers you seek will remain out of reach.

Gotcha #1: What you’re seeing may change dynamically for any particular URL.

Problem: Dynamic single-page apps often have many states for a single URL.

For example, suppose an email subscription (JavaScript lightbox) overlay dynamically pops up on your blog and you want to know what users do at that exact moment in response to the overlay. Traditional solutions fail to account for these nuanced, same-page, same-URL states. You’ll either see no data about user interactions with the overlay or you’ll see all the data for every state of the page presented visually on a single state, which may or may not include the overlay. In other words, you’ll see user interactions with the form — but all jumbled up with their interactions on the underlying page. D’oh.

Gotcha #2: What you’re seeing may have an overly-specific URL.

The opposite of the prior problem happens, too. Using Pinterest as an example, when you look at a specific pin, the URL contains the ID of that particular pin, making it distinct from all other URLs. But in terms of app states (or pages), you’re really just “viewing a pin” regardless of which pin you have pulled up. How can you get aggregate insights on clicks on ‘Save’ or ‘Send’ for people looking at pins, if your aggregation doesn’t realize that all those different URLs actually represent the same logical state? D’oh!

Click Maps do the work to solve these problems!

The technology behind Page Insights overcomes both of those gotchas. The underlying technology is so exciting, it’s hard to resist talking about it here. But we’ll save that for a future blog post.

You can be confident that the insights you’re getting from Page Insights are rock solid, clear, and best of all, actionable.

Click Maps are here.

But is it hard to configure?

Nope! This is FullStory we’re talking about. You don’t have to do any work at all: no URL configuration, no “Please wait while we compute this for you,” nothing. It just works.

Page Insights Click Maps can reveal deep insights you never knew before and can’t discover any other way. Once you try Click Maps, you’ll never want to be without them again.

Analyze those clicks in aggregate!

Jaime YapEngineering, Director

About the author

Jaime Yap is a Founding Engineer and Director of Engineering at FullStory. He's based in Atlanta, Georgia.

Return to top

Stay up to date with FullStory by signing up for our newsletter.