将HotJar与SPA中的URL集成在一起

Question

我正在尝试将Hotjar与管理面板集成。

当前的工作方式是某种SPA，没有页面加载，URL也没有变化。 这一切都发生在/index.php下，然后当我们需要更改页面时，只需发送AJAX请求以加载其内容即可。

通过检查documentation，Hotjar似乎与SPA兼容，但仅当URL发生更改（查询字符串或哈希）时才如此。

有没有一种方法可以在JS中触发将页面更改为页面名称（即主页）？ 我已经尝试过

hj('vpv', 'Main Page')

但是输出看起来很奇怪

url: "http://mydomain.comTest Page"

谢谢。

Answer 1

您可以在调用AJAX之后通过添加其他JavaScript来手动跟踪更改。

Documentation:

  

手动发布状态更改

hj('stateChange', 'some/relative/path');

示例：

想象一下，您有一个带有基本URL http://example.com/的SPA，并且您想跟踪主页以及单击某个按钮后会动态加载AJAX的页面。 为此，您需要：

1）在您的Hotjar帐户中，创建两个热图。对于主页，您可以使用基本URL http://example.com/。对于要动态加载的页面，您可以放置​​一个虚拟网址，例如http://example.com/my-dynamic-page，它将仅用于记录，并且不需要在您的SPA中存在。

2）在应用程序的JavaScript中，在将动态加载页面的AJAX调用之后添加状态更改代码。 您需要使用在上一步中定义的虚拟URL，以使Hotjar知道这是一个新页面，并且您希望对其进行单独跟踪：

hj('stateChange', 'http://example.com/my-dynamic-page');