在 SPA 中集成 HotJar URL
Integrating HotJar in SPA with same URL
我正在尝试将 Hotjar 与管理面板集成。
它目前的工作方式是某种没有页面加载的 SPA,URL 都没有改变。
这一切都发生在 /index.php 下,然后当我们需要更改页面时,只需发送一个 AJAX 请求来加载它的内容。
从检查 documentation 来看,Hotjar 似乎与 SPA 兼容,但仅当 URL(查询字符串或哈希)发生变化时才如此。
有没有办法在 JS 中触发页面更改为页面名称(即主页)?
我试过了
hj('vpv', 'Main Page')
但是输出看起来很奇怪
url: "http://mydomain.comTest Page"
谢谢。
您可以通过在 AJAX 调用之后添加额外的 JavaScript 来手动跟踪您的更改。
To Manually Issue a State Change
hj('stateChange', 'some/relative/path');
示例:
假设您有一个 SPA,基础为 URL http://example.com/
,并且您想要跟踪主页和一个在您单击某个按钮后动态加载 AJAX 的页面。
为此,您需要:
1) 在您的 Hotjar 帐户中,创建两个热图。对于主页,可以使用基础URLhttp://example.com/
。对于要动态加载的页面,您可以放置一个虚拟 URL,例如http://example.com/my-dynamic-page
,仅用于记录,不需要存在于您的 SPA 中。
2) 在应用程序的 JavaScript 中,在将动态加载页面的 AJAX 调用之后添加状态更改代码。
您需要使用您在上一步中定义的虚拟 URL 来让 Hotjar 知道这是一个新页面并且您想单独跟踪它:
hj('stateChange', 'http://example.com/my-dynamic-page');
我正在尝试将 Hotjar 与管理面板集成。
它目前的工作方式是某种没有页面加载的 SPA,URL 都没有改变。 这一切都发生在 /index.php 下,然后当我们需要更改页面时,只需发送一个 AJAX 请求来加载它的内容。
从检查 documentation 来看,Hotjar 似乎与 SPA 兼容,但仅当 URL(查询字符串或哈希)发生变化时才如此。
有没有办法在 JS 中触发页面更改为页面名称(即主页)? 我试过了
hj('vpv', 'Main Page')
但是输出看起来很奇怪
url: "http://mydomain.comTest Page"
谢谢。
您可以通过在 AJAX 调用之后添加额外的 JavaScript 来手动跟踪您的更改。
To Manually Issue a State Change
hj('stateChange', 'some/relative/path');
示例:
假设您有一个 SPA,基础为 URL http://example.com/
,并且您想要跟踪主页和一个在您单击某个按钮后动态加载 AJAX 的页面。
为此,您需要:
1) 在您的 Hotjar 帐户中,创建两个热图。对于主页,可以使用基础URLhttp://example.com/
。对于要动态加载的页面,您可以放置一个虚拟 URL,例如http://example.com/my-dynamic-page
,仅用于记录,不需要存在于您的 SPA 中。
2) 在应用程序的 JavaScript 中,在将动态加载页面的 AJAX 调用之后添加状态更改代码。 您需要使用您在上一步中定义的虚拟 URL 来让 Hotjar 知道这是一个新页面并且您想单独跟踪它:
hj('stateChange', 'http://example.com/my-dynamic-page');