how to get rid of popups in heat maps in MS Clarity

[hinsidekick]

Hello,

Within heatmaps of MS Clarity, it shows popups. How do you remove these popups? While scrolling down the page, these popups continue to be in center frame, covering areas I'd want to see where people clicked.

How do you set it up such that it hides these popups?

This is the same on mobile menus - it shows the mobile menu bar fully expanded. How do I set it up to hide these?

[karaburmication]

Same goes for drop-down menu. It stays expanded all the time.

[tomandrews007]

Just click down on other elements in the elements list. It will go away.

[franzberliner]

Same issue. Cookie overlay is the only thing showing on the heatmap and it doesn't go away when other elements are clicked.

[sunilgareja]

+1 this issue

If possible some sort of component level transparency slider setting would be ideal where we can view data on popups/ menus and also behind the layer (depending how complex to implement)

a product like Hotjar does not have this popup issue but then again I don't beleive you can see the multi layered data on there (for example when a menu drawer is open)

[thiagoterra]

Has anyone managed to find a solution?

With the popup it is difficult to perform analysis on the page.

😔

[sunilgareja]

@thiagoterra

I found adjusting the (day) timeframe was useful, or at least it temporarily solves the issue in my case

[thiagoterra]

@thiagoterra

I found adjusting the (day) timeframe was useful, or at least it temporarily solves the issue in my case

Thanks for the help, in my case it didn't help because the popup is one of the most clickable areas on the page so it appears regardless of the chosen period.

[sunilgareja]

@thiagoterra

I see.

Another one (if useful), go into a recording where users interact with this page you see the popup on.

Pause the video after the user has closed the popup, click into the "click" button It doesn't address the main issue, however I found it's yet another temp work around

[thiagoterra]

@thiagoterra

I see.

Another one (if useful), go into a recording where users interact with this page you see the popup on.

Pause the video after the user has closed the popup, click into the "click" button It doesn't address the main issue, however I found it's yet another temp work around

Thank you very much. I'll try.

[ThorbornNico]

Has anyone found a proper solution to this?

[thiagoterra]

Has anyone found a proper solution to this?

I didn't get a solution unfortunately.

[normanpatlolliandpops]

@Microsoft, this is the number one issue with Clarity. I'm evaluating paid products just to have this ability (and will drop Clarity). There needs to be an "interaction" option so I can click on the page, close popups, open menu items, etc.

[thiagoterra]

@microsoft, this is the number one issue with Clarity. I'm evaluating paid products just to have this ability (and will drop Clarity). There needs to be an "interaction" option so I can click on the page, close popups, open menu items, etc.

Exactly, if you find any paid tool that works well, please let us know.

[normanpatlolliandpops]

@thiagoterra ContentSquare and FullStory are the two big players in that space. I've used and like both. Your individual use cases would determine which is better for you.

[Kamillowl]

any updates on this? Have the same issue with a dropdown that blocks all other content...

[ClaritySupport]

We are working on a new feature, that enables users to select screenshot for heatmap rendering. Mean while You can use MS Clarity Live Extension using which user can view heatmaps directly on their website. After downloading Clarity Live, simply navigate to your project site, select the heatmap, area heatmap, or session recording icon on the Clarity widget. The feature will launch right over the page you're on! Learn More about Clarity Live Extension.

[ClaritySupport]

@hinsidekick , Clarity now offers Switch Screenshots feature which allows you to select a website state you want to view a heatmap for.

[Elmigo]

There is only one screenshot available for me. Changing the website state does not solve the issue. Does anyone have a proper solution already?

The only thing I can do is use my browsers'developer tools to hide the popup elements below my heatmap using CSS. As soon as I click anything within Clarity that changes my heatmap, the entire DOM resets and the popups are back.

[ClaritySupport]

Hi Elmigo,

Could you please share link to the heatmap to investigate further.

Thanks, Clarity Support Team Visit our docs!: https://docs.microsoft.com/en-us/clarityhttps://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fclarity&data=05%7C01%7Cv-vidasa%40microsoft.com%7C343fe08f40a94e184c6408da28fedd21%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C637867372409365494%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=Q1zklwmipOGmVmg01HjPFwTVAwft75whSRoB8fFF%2BoY%3D&reserved=0 @.**@.> @.***

Confidentiality note: This e-mail, and any attachment to it, contains privileged and confidential information intended only for the use of the individual(s) or entity named in the e-mail. If the reader of the e-mail is not the intended recipient, or the employee or agent responsible for delivering it to the intended recipient, you are hereby notified that reading it is strictly prohibited. If you have received this e-mail in error, please immediately return it to the sender and delete it from your system.

From: Elmigo @.> Sent: Saturday, November 19, 2022 1:05 PM To: microsoft/clarity @.> Cc: Microsoft Clarity Support @.>; Comment @.> Subject: Re: [microsoft/clarity] how to get rid of popups in heat maps in MS Clarity (#166)

There is only one screenshot available for me. Changing the website state does not solve the issue. Does anyone have a proper solution already?

The only thing I can do is use my browsers'developer tools to hide the popup elements below my heatmap using CSS. As soon as I click anything within Clarity that changes my heatmap, the entire DOM resets and the popups are back.

- Reply to this email directly, view it on GitHubhttps://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fmicrosoft%2Fclarity%2Fissues%2F166%23issuecomment-1320968926&data=05%7C01%7Cv-vikasd%40microsoft.com%7C8dbc361ae262459a115c08daca71b89c%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C638044887073271556%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=DQvgUHui7YNtVEQwje2l5A4Ci6Gwv%2Bnp5kx4UpE8vM0%3D&reserved=0, or unsubscribehttps://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fnotifications%2Funsubscribe-auth%2FAW5BXQ3BEOAZLCGG7TIFARTWJE6HZANCNFSM5CV44CWA&data=05%7C01%7Cv-vikasd%40microsoft.com%7C8dbc361ae262459a115c08daca71b89c%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C638044887073271556%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=6EeMyks2xtk5v87UH%2F0A2kfRo7dPTc3WJU%2FzxMC7LuE%3D&reserved=0. You are receiving this because you commented.Message ID: @.**@.>>

[Elmigo]

Sure, where exactly do I send my heatmap to?

[ClaritySupport]

You can send to our support alias, @.**@.>.

Thanks, Clarity Support Team Visit our docs!: https://docs.microsoft.com/en-us/clarityhttps://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fclarity&data=05%7C01%7Cv-vidasa%40microsoft.com%7C343fe08f40a94e184c6408da28fedd21%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C637867372409365494%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=Q1zklwmipOGmVmg01HjPFwTVAwft75whSRoB8fFF%2BoY%3D&reserved=0 @.**@.> @.***

Confidentiality note: This e-mail, and any attachment to it, contains privileged and confidential information intended only for the use of the individual(s) or entity named in the e-mail. If the reader of the e-mail is not the intended recipient, or the employee or agent responsible for delivering it to the intended recipient, you are hereby notified that reading it is strictly prohibited. If you have received this e-mail in error, please immediately return it to the sender and delete it from your system.

From: Elmigo @.> Sent: Monday, November 21, 2022 12:14 AM To: microsoft/clarity @.> Cc: Microsoft Clarity Support @.>; Comment @.> Subject: Re: [microsoft/clarity] how to get rid of popups in heat maps in MS Clarity (#166)

Sure, where exactly do I send my heatmap to?

- Reply to this email directly, view it on GitHubhttps://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fmicrosoft%2Fclarity%2Fissues%2F166%23issuecomment-1321651541&data=05%7C01%7Cv-vikasd%40microsoft.com%7C2927ba3da19d424d6ae908dacb9859ee%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C638046152499126512%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=eUV%2Bp7DBD4vm7g87Q%2BgOOiY2ig4IIuHjH7EqoTjLrQk%3D&reserved=0, or unsubscribehttps://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fnotifications%2Funsubscribe-auth%2FAW5BXQZJKEZERT2F2J7ACSTWJMVMVANCNFSM5CV44CWA&data=05%7C01%7Cv-vikasd%40microsoft.com%7C2927ba3da19d424d6ae908dacb9859ee%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C638046152499126512%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=AtCrPyaDMqb6iW9FhqV1Epy8naKZcBZ8aykJQNxrm3o%3D&reserved=0. You are receiving this because you commented.Message ID: @.**@.>>

[Elmigo]

I think something went wrong, the email address and all other private data is masked with ***** in your comment. I cannot see the email address. Also not in the actual email I got.

[ClaritySupport]

Can you please reply here with heatmap link

[Elmigo]

Yes, here's one of the heatmaps with the overlay: https://clarity.microsoft.com/shared/heatmap/d4432c04-31f1-4d5a-811f-e54b710dd086?heatmapType=0&heatmapDeviceType=2&elementToShow=47nkd0aja

It expires in 1 day, I hope that's good enough.

Website state / screenshots does work perfect on the home page, but this is the only page where it works. https://clarity.microsoft.com/shared/heatmap/53a4c6dd-0423-4422-8813-dcadb484db09?heatmapType=0&heatmapDeviceType=2&elementToShow=3k3keeglr (also expires in 1 day)

[jjttxxcc]

hello clarity support team, the extension is working fine but am having trouble getting the clarity live widget to show up.

any idea?

[ClaritySupport]

@jjttxxcc , try by refreshing the page and click on your webpage.

[ClaritySupport]

Currently there is no option to disable the popups in Heatmaps. We are working on a new feature that enables users more control on Heatmap.

We suggest user to check out our feature: recordings to heatmapshttps://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fclarity.microsoft.com%2Fblog%2Fsession-recordings-now-bring-the-heatmaps%2F&data=05%7C01%7Cv-vidasa%40microsoft.com%7Ccb7035ed47c54b2be48a08da222e7d39%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C637859880424769607%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=Lo8%2FMX8LyJSzg1UcmPOrbMH18uYuk6d7AnZhNg%2B%2Bv1s%3D&reserved=0. In recordings tab, you can find an appropriate recording, then can pause at the desired state for which you want to draw a heatmap and then click on "Click/Scroll" to see the heatmap.

Thanks, Clarity Support Team Visit our docs!: https://docs.microsoft.com/en-us/clarityhttps://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fclarity&data=05%7C01%7Cv-vidasa%40microsoft.com%7C343fe08f40a94e184c6408da28fedd21%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C637867372409365494%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=Q1zklwmipOGmVmg01HjPFwTVAwft75whSRoB8fFF%2BoY%3D&reserved=0 @.**@.> @.***

Confidentiality note: This e-mail, and any attachment to it, contains privileged and confidential information intended only for the use of the individual(s) or entity named in the e-mail. If the reader of the e-mail is not the intended recipient, or the employee or agent responsible for delivering it to the intended recipient, you are hereby notified that reading it is strictly prohibited. If you have received this e-mail in error, please immediately return it to the sender and delete it from your system.

From: Elmigo @.> Sent: Monday, November 21, 2022 12:53 AM To: microsoft/clarity @.> Cc: Microsoft Clarity Support @.>; Comment @.> Subject: Re: [microsoft/clarity] how to get rid of popups in heat maps in MS Clarity (#166)

Yes, here's one of the heatmaps with the overlay: https://clarity.microsoft.com/shared/heatmap/d4432c04-31f1-4d5a-811f-e54b710dd086?heatmapType=0&heatmapDeviceType=2&elementToShow=47nkd0ajahttps://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fclarity.microsoft.com%2Fshared%2Fheatmap%2Fd4432c04-31f1-4d5a-811f-e54b710dd086%3FheatmapType%3D0%26heatmapDeviceType%3D2%26elementToShow%3D47nkd0aja&data=05%7C01%7Cv-vikasd%40microsoft.com%7Cfce8ff2cc04645b9278708dacb9dbbc2%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C638046175603227110%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=DrFT%2Fho3m%2BuS1JOPvcBIbAruUUBoWfqz3dpjUKhBaIE%3D&reserved=0

This is another heatmap where a large dropdown menu is showing on top of the page. Ofcourse I want to see the dropdown clicks too, but there must be a way to turn it off so I can see the page behind it as well. https://clarity.microsoft.com/shared/heatmap/53a4c6dd-0423-4422-8813-dcadb484db09?heatmapType=0&heatmapDeviceType=2&elementToShow=3k3keeglrhttps://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fclarity.microsoft.com%2Fshared%2Fheatmap%2F53a4c6dd-0423-4422-8813-dcadb484db09%3FheatmapType%3D0%26heatmapDeviceType%3D2%26elementToShow%3D3k3keeglr&data=05%7C01%7Cv-vikasd%40microsoft.com%7Cfce8ff2cc04645b9278708dacb9dbbc2%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C638046175603227110%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=9Bh9szl7qKC3kt%2FYC0dXPaBFdGokHxyJrsRxYJmkoZU%3D&reserved=0

Both links will expire in 1 day, hope that's good enough.

- Reply to this email directly, view it on GitHubhttps://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fmicrosoft%2Fclarity%2Fissues%2F166%23issuecomment-1321711509&data=05%7C01%7Cv-vikasd%40microsoft.com%7Cfce8ff2cc04645b9278708dacb9dbbc2%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C638046175603227110%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=SLLesPOMQSIGxEotKkyMkTsehqgqEGaTomdItgAsG08%3D&reserved=0, or unsubscribehttps://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fnotifications%2Funsubscribe-auth%2FAW5BXQ5IKJ3CFEWVGLUPDG3WJMZ5FANCNFSM5CV44CWA&data=05%7C01%7Cv-vikasd%40microsoft.com%7Cfce8ff2cc04645b9278708dacb9dbbc2%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C638046175603227110%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=Ph0TPbRpkyD6f6D%2FJhMJERPp2B1qtD50K3i6f%2F1EnjY%3D&reserved=0. You are receiving this because you commented.Message ID: @.**@.>>