clarity icon indicating copy to clipboard operation
clarity copied to clipboard

Retake heatmap screenshot

Open PauloIVM opened this issue 3 years ago • 1 comments

In the company where I work we use clarity, and we load the script after a few seconds (to avoid SEO problems, like decrease google page-speed or web vitals metrics for exemple). The only problem is that sometimes clarity take a bad screenshot to show the heatmaps, like these image below (which are a opened modal that hide the heatmap):

image

There are anyway to retake the scronshot? Or, somehow avoid clarity.js posts after the script loaded (so I would prevent collections when this modal was open)?

PauloIVM avatar Oct 20 '21 10:10 PauloIVM

Upvote for this

nilskoppelmann avatar Oct 22 '21 08:10 nilskoppelmann

Upvote

artemdumanov avatar Oct 06 '22 13:10 artemdumanov

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

ClaritySupport avatar Oct 20 '22 14:10 ClaritySupport

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

Is there an interval or something on which this operates? I had a landingpage with fading in effect, only showing black screen.

Removed the fadein effect but no new screenshot visible after hours?

EeKay avatar Feb 24 '23 10:02 EeKay

Could you please share link to the heatmap having the issue to assist 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: EeKay @.> Sent: Friday, February 24, 2023 2:55 AM To: microsoft/clarity @.> Cc: Microsoft Clarity Support @.>; Comment @.> Subject: Re: [microsoft/clarity] Retake heatmap screenshot (Issue #184)

@PauloIVMhttps://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2FPauloIVM&data=05%7C01%7Cv-vikasd%40microsoft.com%7C52e1803a3c42412a469808db1655a034%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C638128329277037933%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=wCbkQUI%2BGE4IYy4WiLtLgM3lVqrOcXSxy0NAzGP40uI%3D&reserved=0 , Clarity now offers Switch Screenshotshttps://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Flearn.microsoft.com%2Fen-us%2Fclarity%2Fheatmaps-screenshots&data=05%7C01%7Cv-vikasd%40microsoft.com%7C52e1803a3c42412a469808db1655a034%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C638128329277037933%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=xu%2Fq8CDtVZ6H95xm6ohlAhAb%2FwqnwnRhbXqTrA6szTw%3D&reserved=0 feature which allows you to select a website state you want to view a heatmap for.

Is there an interval or something on which this operates? I had a landingpage with fading in effect, only showing black screen.

Removed the fadein effect but no new screenshot visible after hours?

Reply to this email directly, view it on GitHubhttps://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fmicrosoft%2Fclarity%2Fissues%2F184%23issuecomment-1443497923&data=05%7C01%7Cv-vikasd%40microsoft.com%7C52e1803a3c42412a469808db1655a034%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C638128329277037933%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=ZXOLoV65BeqryPnqfDlshrzOrSWpDxRuW5B77XWwZCQ%3D&reserved=0, or unsubscribehttps://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fnotifications%2Funsubscribe-auth%2FAW5BXQ25WMADDNNA7CELLZDWZCHRRANCNFSM5GLKBMFQ&data=05%7C01%7Cv-vikasd%40microsoft.com%7C52e1803a3c42412a469808db1655a034%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C638128329277194160%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=HoMNuVKifgq8IZgq7H2aauOaZyycmmUt3a3T9DyKztE%3D&reserved=0. You are receiving this because you commented.Message ID: @.@.>>

ClaritySupport avatar Feb 24 '23 11:02 ClaritySupport

Could you please share link to the heatmap having the issue to assist further. Thanks, ....

Sure: https://clarity.microsoft.com/shared/heatmap/c81e1857-1bc8-477e-bd7e-45eacbcc1248?heatmapType=0&heatmapDeviceType=2&elementToShow=15a395j03

EeKay avatar Feb 24 '23 11:02 EeKay

Hello,

Hello,

The loading experience on your website has some animation, which does not see to work as expected on Clarity. The other issue is that all the samples that show up in heatmaps are snippets of this loading experience. While we enhance this behavior we suggest you to try

  1. 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-vikasd%40microsoft.com%7C4f9fc64d0a0f4e74389308db157d637d%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C638127400588776037%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=LI%2BwrmJb48nzfd5KMA%2FtsVhluECCbynG9hbeTKAW8jQ%3D&reserved=0, In recordings tab, you can find an appropriate recording where user signed in to account, 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.

  2. Clarity Live Extension https://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Flearn.microsoft.com%2Fen-us%2Fclarity%2Fclarity-features%2Fclarity-live-extension&data=05%7C01%7Cv-vikasd%40microsoft.com%7C4f9fc64d0a0f4e74389308db157d637d%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C638127400588776037%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=2ESlnQQsUptoSL1FLvHejnB0omVbKfERfqFfsjO8MV4%3D&reserved=0 , that allows you to view recordings and heatmaps directly on your website.

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: EeKay @.> Sent: Friday, February 24, 2023 3:15 AM To: microsoft/clarity @.> Cc: Microsoft Clarity Support @.>; Comment @.> Subject: Re: [microsoft/clarity] Retake heatmap screenshot (Issue #184)

Could you please share link to the heatmap having the issue to assist further. Thanks, ....

Sure: https://clarity.microsoft.com/shared/heatmap/c81e1857-1bc8-477e-bd7e-45eacbcc1248?heatmapType=0&heatmapDeviceType=2&elementToShow=15a395j03https://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fclarity.microsoft.com%2Fshared%2Fheatmap%2Fc81e1857-1bc8-477e-bd7e-45eacbcc1248%3FheatmapType%3D0%26heatmapDeviceType%3D2%26elementToShow%3D15a395j03&data=05%7C01%7Cv-vikasd%40microsoft.com%7C2ceeaa9004554795c6e508db165865ec%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C638128341175131124%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=6Os5uXv6wzcsNg0PlALc0cO9fX2MWVi8WzBntHaxtWM%3D&reserved=0

Reply to this email directly, view it on GitHubhttps://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fmicrosoft%2Fclarity%2Fissues%2F184%23issuecomment-1443539407&data=05%7C01%7Cv-vikasd%40microsoft.com%7C2ceeaa9004554795c6e508db165865ec%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C638128341175131124%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=sBezQZBCq%2FFD9qmscphU3fexH2h%2BKQJpUfvtjL%2Fk2kE%3D&reserved=0, or unsubscribehttps://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fnotifications%2Funsubscribe-auth%2FAW5BXQ45SCLNXQXRRR6KJ3DWZCJ4BANCNFSM5GLKBMFQ&data=05%7C01%7Cv-vikasd%40microsoft.com%7C2ceeaa9004554795c6e508db165865ec%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C638128341175131124%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=oqRmVvN6pD6hsh7kd7%2B2XQ5bPUHRl1WcgOguFblqhQc%3D&reserved=0. You are receiving this because you commented.Message ID: @.@.>>

ClaritySupport avatar Feb 27 '23 13:02 ClaritySupport