Clarity is not displaying the full heatmaps

[abraga30]

I installed the Clarity Script on a website that is hosted on the BUILDERALL platform, within the page settings I have an option to add the script and I did this to activate Clarity. So far so good, Clarity started to collect the access data, however I noticed that when using the heat map, Clarity does not let me scroll the full page, it is stuck only at the beginning of the site, follow a link with a print of the example and I look forward to this verification.

My project in clarity: desydere.com.br

https://prnt.sc/WIkLKGnXudQN

[ClaritySupport]

@abraga30 ,Scrollmap limit to maximum 40,000 pixels height. So, pages that are taller than 40000 pixels, we will only draw heatmaps till that point and then after that we will show just the page without colors.

As a workaround you can use Clarity Live extension that allows you to view recordings and heatmaps directly on your 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

Click on the link below to download Clarity Live for your browser: Microsoft Clarity Live - Microsoft Edge Addons Microsoft Clarity Live - Chrome Extension

[FrontendCasper]

@ClaritySupport, i am having the same Issue and the page is not even 6000 pixels high. My Heatmap looks exactly the same like in the screenshot mentioned above.

As i am looking at the heatmap i just can't scroll down at all. I only see the first ~600pixels and thats it. I expect to be able to see the lower parts of my page to see how much the users interact with the content but it is impossible to scroll down.

Within the recordings i can see people scrolling down but on the heatmap its impossible to scroll down to see interactions with lower parts of the page.

[ClaritySupport]

Hello,

Thanks for using Clarity. Could you please share website address, Clarity project ID and link to heatmap having issue to assist further.

Thanks, Clarity Support Team Visit our docs!: https://docs.microsoft.com/en-us/clarity @.**@.> @.***

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: FrontendCasper @.> Sent: Wednesday, June 12, 2024 2:31 AM To: microsoft/clarity @.> Cc: Microsoft Clarity Support @.>; Mention @.> Subject: Re: [microsoft/clarity] Clarity is not displaying the full heatmaps (Issue #234)

@ClaritySupporthttps://github.com/ClaritySupport, i am having the same Issue and the page is not even 6000 pixels high. My Heatmap looks exactly the same like in the screenshot mentioned above.

As i am looking at the heatmap i just can't scroll down at all. I only see the first ~600pixels and thats it. I expect to be able to see the lower parts of my page to see how much the users interact with the content but it is impossible to scroll down.

Within the recordings i can see people scrolling down but on the heatmap its impossible to scroll down to see interactions with lower parts of the page.

- Reply to this email directly, view it on GitHubhttps://github.com/microsoft/clarity/issues/234#issuecomment-2162547143, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AW5BXQ6YVWCMDAZ7K65PAN3ZHAIM5AVCNFSM6AAAAABJF623LSVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDCNRSGU2DOMJUGM. You are receiving this because you were mentioned.Message ID: @.**@.>>

[FrontendCasper]

Hello,

This is our website: X

Project ID: X

This is the heatmap link: X

[ClaritySupport]

This is the known constraint of heatmaps where you can't interact with the scrollbar on the website itself.

From: FrontendCasper @.> Sent: Wednesday, June 12, 2024 2:57 AM To: microsoft/clarity @.> Cc: Microsoft Clarity Support @.>; Mention @.> Subject: Re: [microsoft/clarity] Clarity is not displaying the full heatmaps (Issue #234)

Hello,

This is our website: https://www.3dfindit.com/de/

Project ID: krau4wtd2z

This is the heatmap link: https://clarity.microsoft.com/projects/view/krau4wtd2z/heatmaps?date=Last%203%20days&deviceType=PC&heatmapDeviceType=2&heatmapType=0&URL=2%3B6%3B%5Ehttps%3A%2F%2Fwww%5C.3dfindit%5C.com%2Fen%2F(%5C%3F.*)%3F%24&heatmapSessionId=1059897106&heatmapUserId=767094441&heatmapPageId=5&heatmapWidth=1438&heatmapHeight=1816&heatmapURL=https%3A%2F%2Fwww.3dfindit.com%2Fen%2F&elementToShow=72harhes2

Grüße / Regards Kacper Ziolkowski Frontend Developer

Von: ClaritySupport @.<mailto:@.>> Gesendet: Mittwoch, 12. Juni 2024 11:45 An: microsoft/clarity @.<mailto:@.>> Cc: Ziolkowski Kacper @.<mailto:@.>>; Comment @.<mailto:@.>> Betreff: Re: [microsoft/clarity] Clarity is not displaying the full heatmaps (Issue #234)

Caution: This external email is not digitally signed. Check any link before clicking. Open attachments only, if the email is authentic. If in doubt, report it via Phish Alert.

Hello,

Thanks for using Clarity. Could you please share website address, Clarity project ID and link to heatmap having issue to assist further.

Thanks, Clarity Support Team Visit our docs!: https://docs.microsoft.com/en-us/clarity @.**@.mailto:***@***.******@***.***> @.<mailto:@.>

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: FrontendCasper @.<mailto:@.>> Sent: Wednesday, June 12, 2024 2:31 AM To: microsoft/clarity @.<mailto:@.>> Cc: Microsoft Clarity Support @.<mailto:@.>>; Mention @.<mailto:@.>> Subject: Re: [microsoft/clarity] Clarity is not displaying the full heatmaps (Issue #234)

@ClaritySupporthttps://github.com/ClaritySupport, i am having the same Issue and the page is not even 6000 pixels high. My Heatmap looks exactly the same like in the screenshot mentioned above.

As i am looking at the heatmap i just can't scroll down at all. I only see the first ~600pixels and thats it. I expect to be able to see the lower parts of my page to see how much the users interact with the content but it is impossible to scroll down.

Within the recordings i can see people scrolling down but on the heatmap its impossible to scroll down to see interactions with lower parts of the page.

- Reply to this email directly, view it on GitHubhttps://github.com/microsoft/clarity/issues/234#issuecomment-2162547143, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AW5BXQ6YVWCMDAZ7K65PAN3ZHAIM5AVCNFSM6AAAAABJF623LSVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDCNRSGU2DOMJUGM. You are receiving this because you were mentioned.Message ID: @.**@.mailto:***@***.******@***.***>>

- Reply to this email directly, view it on GitHubhttps://github.com/microsoft/clarity/issues/234#issuecomment-2162575514, or unsubscribehttps://github.com/notifications/unsubscribe-auth/BJD7KVUW5GXDJ3Y6SQKKCL3ZHAKBZAVCNFSM6AAAAABJF623LSVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDCNRSGU3TKNJRGQ. You are receiving this because you commented.Message ID: @.<mailto:@.>>

- Reply to this email directly, view it on GitHubhttps://github.com/microsoft/clarity/issues/234#issuecomment-2162599622, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AW5BXQ7BGA73UCEZWDD7433ZHALM5AVCNFSM6AAAAABJF623LSVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDCNRSGU4TSNRSGI. You are receiving this because you were mentioned.Message ID: @.**@.>>

[FrontendCasper]

But why does it work for some people and for some not? In this youtube video you can see that its possible to scroll down the “scroll” heatmap https://www.youtube.com/watch?v=E6iVJ7IIsdA

In the screenshot below you can also see, that the “scroll data” shows that 100% of users reached every scroll step in % which shows that clarity somehow doesn’t see that the page is actually larger than the first 600px. Can you help me to fix that problem? Its important to our company to see how many users reach the bottom of this page.

[djgamerr]

Bump! Same thing happening over here, Could be an issue to where the overflow: scroll is placed? Recordings work fine - only heatmaps are a problem... Do we need to wait for more data or is this a general bug with Clarity?