Интеграция HotJar в SPA с тем же URL
Я пытаюсь интегрировать Hotjar с панелью администратора.
В настоящее время это работает как своего рода SPA без загрузки страниц и без изменения URL-адреса. Все это происходит в /index.php, а затем, когда нам нужно изменить страницу, просто отправьте запрос AJAX, чтобы загрузить ее содержимое.
Судя по документация, Hotjar совместим с SPA, но только при изменении URL-адреса (либо строки запроса, либо хэша).
Есть ли способ вызвать в JS изменение страницы на имя страницы (например, на главную страницу)? я пробовал
hj('vpv', 'Main Page')
Но вывод кажется странным
url: "http://mydomain.comTest Page"
Спасибо.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Вы можете отслеживать свои изменения вручную, добавляя дополнительный JavaScript после вызовов AJAX.
To Manually Issue a State Change
hj('stateChange', 'some/relative/path');
Пример:
Представьте, что у вас есть SPA с базовым URL http://example.com/, и вы хотите отслеживать главную страницу и страницу, которая динамически загружается с помощью AJAX, когда вы нажимаете какую-либо кнопку.
Для этого вам потребуется:
1) В своей учетной записи Hotjar создайте две тепловые карты. Для главной страницы вы можете использовать базовый URL http://example.com/. Для страницы, которая будет загружаться динамически, вы можете указать виртуальный URL-адрес, например. http://example.com/my-dynamic-page, который будет использоваться только для записи и не должен существовать в вашем SPA.
2) В JavaScript вашего приложения добавьте код изменения состояния после вызова AJAX, который будет динамически загружать страницу. Вам нужно использовать виртуальный URL-адрес, который вы определили на предыдущем шаге, чтобы сообщить Hotjar, что это новая страница, и вы хотите отслеживать ее отдельно:
hj('stateChange', 'http://example.com/my-dynamic-page');