将Hotjar与水疗中心集成在一起

Question

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

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

通过检查文档，Hotjar似乎与Spa兼容，但仅在URL发生更改时(查询字符串或哈希(。

有没有一种方法可以在JS中触发页面名称(即主页(的页面更改？我尝试了

hj('vpv', 'Main Page')

但是输出似乎很奇怪

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

谢谢。

Answer 1

您可以通过添加AJAX呼叫后添加其他JavaScript手动跟踪更改。

文档：

手动发行状态更改

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

示例：

成像您的水疗中心具有基本URL http://example.com/，并且您想跟踪主页和一个单击某些按钮后动态加载Ajax的页面。为了做到这一点，您需要：

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

2(在您的应用程序的JavaScript中，在AJAX调用后添加状态更改代码，该呼叫将动态加载页面。您需要使用上一步中定义的虚拟URL，以便让Hotjar知道这是一个新页面，并且要单独跟踪它：

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