Background Type

A favorite feature of DXA is the ability to navigate through your site with heatmap overlays. This is achieved through pulling a live version of your website into the heatmap builder, and we've now made it possible to change the heatmap background that is used, enabling you to use a historic version of the website.

Toggling background mode gives you even more flexibility to measure user behavior over time, and enables you to see in easily digestible visual form exactly how visitors have responded to any updates in design and content.
Note: Heatmap backgrounds can only be changed in DXA for Web. DXA for Mobile doesn't pull a live version of your website into the heatmap builder. Instead, a heatmap is overlaid on top of a screenshot of the app screen.

Selecting background types

In Analyze Heatmaps, click the Background Type tab.Background Type tab

The following background types are available:
Background typeDescription
Live WebsiteLoads the current version of the website. Useful for interacting with and analyzing dynamic content (e.g. tabs or dropdown menu).
Smart SelectionLoads the most appropriate version of the website from a session replay for the segment and date range selected. Useful for A/B testing and historical content analysis.
Manual SelectionLoads the website from a specific session replay. Use as an alternative to smart selection.
Browser TabLoads any website from a currently opened browser tab. Useful for analyzing authenticated or personalized content.
To apply a background, click Apply changes.