where is the heatmap feature or how to enable it? guide me about it
where is the heatmap feature or how to enable it? guide me about it
where is the heatmap feature or how to enable it? guide me about it
Hi Sakir, Please stand by as I search the Mixpanel knowledge base for an AI-powered answer. I normally take about 15 seconds or so. In case AI cannot answer your question, feel free to reach out to Mixpanel support at mixpanel.com/get-support. If you have follow-up questions for this thread, please tag me again with your question: @kapa.ai <follow-up question> 👋
Feel free to ask a follow-up question once I've answered by mentioning me with @kapa.ai
To enable and use the Heatmap feature in Mixpanel, follow these steps: 1. Prerequisite: Enable Session Replay
- Heatmaps rely on Session Replay data. Make sure you have Session Replay enabled in your Mixpanel project.2. Enable Heatmap Data Collection
- When initializing the Mixpanel JavaScript SDK, set record_heatmap_data to true and ensure record_sessions_percent is set (e.g., to 1 for 100% of sessions). Example:
record_sessions_percent: 1, // Enables Session Replay
record_heatmap_data: true // Enables Heatmap data collection
});
```LBKS - Alternatively, if you use [Autocapture](https://docs.mixpanel.com/docs/tracking-methods/autocapture) to track clicks, you can populate Heatmaps with those clicks by enabling click tracking in the autocapture config. Note: Autocapture clicks are billable events, while clicks from `record_heatmap_data` are not.LBKS
```LBKS mixpanel.init('YOUR_PROJECT_TOKEN', {
autocapture: {
pageview: "full-url",
click: true,
input: true,
scroll: true,
submit: true,
capture_text_content: false,
},
record_sessions_percent: 1
});
```LBKS [See full details in the documentation](https://docs.mixpanel.com/docs/session-replay/heatmaps#overview).LBKS3. **Accessing Heatmaps in Mixpanel**
- In the Mixpanel UI, go to the Home page and find the Heatmaps section.
- Choose the URL you want to analyze. You can use wildcards (e.g., `/products/**`) to group similar pages.
- Use the Click Map and Heatmap toggles to view different types of interaction data.
- Click on elements in the Click Map to view events, users, or session replays related to that element.LBKS [Step-by-step usage guide here](https://docs.mixpanel.com/docs/session-replay/heatmaps#using-heatmaps).LBKS**Note:* Heatmaps are currently available for web (not mobile) and are included with the Session Replay add-on. They do not generate additional billable events if you use `record_heatmap_data` ([source](https://docs.mixpanel.com/docs/session-replay/heatmaps#overview)).LBKSFor a quick start, if you already have Session Replay enabled, you’re just one snippet away from turning on Heatmaps. [Check the documentation for setup details](https://docs.mixpanel.com/docs/session-replay/heatmaps) or contact your Mixpanel team member for assistance [source](https://mixpanel.com/blog/mixpanel-heatmaps/).
kapa.ai is still learning and improving, please let me know how I did by reacting below.
ℹ️ Tip: Mention @kapa.ai in the thread for follow-ups or DM the app for 1-to-1 help.