我正在尝试在React应用程序上设置hotjar热图。
使用所有默认选项worked进行设置(默认选项是指不触摸“高级选项”标签)
但是页面中的第一件事是在内容出现之前的加载栏,因此热图为not really useful
幸运的是,hotjar在this page
上对此进行了详细记录我遵循了所有步骤,并且观看次数不断增加,但屏幕截图为never taken
有帮助吗?每个页面上将加载几秒钟的时间,因此,除非我可以配置延迟的屏幕截图,否则不幸的是,hotjar不会有太大用处,但是,如果它确实起作用,它将在我们的UX研究中大放异彩
谢谢!
答案 0 :(得分:0)
正如您所说,使用默认设置,将在第一次加载目标页面时立即截取屏幕截图。
要获取延迟的屏幕截图,您需要:
1)开始创建热图
2)在第三步中,输入要跟踪的页面URL。
3)点击Advanced options
4)输入要从其获取屏幕截图的页面的完整URL,并添加hjDelay
参数以延迟屏幕截图。延迟以毫秒为单位。
例如:如果您要记录的页面的URL为https://example.com
,则需要输入https://example.com/?hjDelay=10000
,以便在页面加载10秒后从该页面截取屏幕截图。或者,如果页面已包含查询字符串https://example.com/?foo=bar
,则需要输入https://example.com/?foo=bar&hjDelay=10000
。
5)现在,您必须以指定的延迟时间至少访问一次页面才能获取屏幕截图。那将是https://example.com/?hjDelay=10000
,而不仅仅是基本URL。
6)访问页面后,请确保在时间用完之前激活所有交互式元素,然后您应该能够看到新的热图。