Clarity for react native - no option to check the heatmaps below the fold - Githubissues

microsoft / clarity

A behavioral analytics library that uses dom mutations and user interactions to generate aggregated insights.

https://clarity.microsoft.com

MIT License

2.06k stars 204 forks source link

Clarity for react native - no option to check the heatmaps below the fold #626

Open grandolinah opened 2 months ago

grandolinah commented 2 months ago

I've noticed a discrepancy between the web and mobile project demos in Microsoft Clarity:

In the web demo, scroll maps are available, allowing users to check interactions below the fold. https://clarity.microsoft.com/demo/projects/view/3t0wlogvdz/heatmaps?LargestPaint=custom%2C3534%3BNaN&URL=2%3B6%3B%5Ehttps%3A%2F%2Fclarity%5C.microsoft%5C.com%2F(%5C%3F.*)%3F%24&date=Last%203%20days&heatmapDeviceType=2&heatmapType=1
However, in the mobile project demo, I don't see this option. https://clarity.microsoft.com/demo/projects/view/fwof4hmuvb/heatmaps?Screen=StartActivity&date=Last%203%20days&heatmapDeviceType=0&heatmapType=0&screenId=1

Question: What is the recommended method to check where users had interactions below the fold in mobile projects?

Additional details:

This feature is important for analyzing user behavior on mobile devices.
I've checked the mobile project view thoroughly but couldn't find an equivalent option.

Thank you for your attention to this matter.

kirazbaysal commented 1 month ago

The reason for this is because our demo for mobile doesn't have scroll. However our heatmaps do work differently between the two types of projects. On mobile, we have pagination in this way: on an app that has more below the fold will say 1 of 20 (for example) so you can browse different scroll points this way.