We have a pretty key drop down menu on our product page that I want to track. I want to create a heatmap where I see how the clicks are distributed across the dropdown options for sessions where this menu was opened. Any idea how I can configure this?
Hey
At this time, it’s not possible to create a Heatmap for a specific part of a page. Heatmaps will show the top 25 clicked elements on the page so, depending on how often these menu items are interacted with, you may not see click data for these menu items in your Heatmap.
I recommend creating dimensionality card to view how people are interacting with your dropdown menu. If the selectors for each of the menu items on your dropdown menu are unique, you could create Named Elements for each of those items, then create a metric to filter for clicks on that page. You can then sort your metric results by "Element/CSS selector" and check the box to only show Named Elements. If the selectors on your menu items are not unique, you'll want to look at utilizing Element Attributes and then follow the same steps listed above.
Please let me know if you have any more questions as I am happy to help!

This will give you that list view of your most clicked nav items, which might be the insight that you’re looking for.
💡 Note: if your site is responsive you may have different nav for mobile, so you may want to investigate that and include a separate view for mobile and/or a combined view for mobile and desktop like this:

Hope this helps get to the insight that you’re looking for! 🚀
That’s really helpful thanks
Reply
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.