Can't make the Session Recording works in my single page application (SPA)

Can't make the Session Recording works in my single page application (SPA)

Hi,

I'm trying to use pagesense for heatmaps and session recordings, but I got a problem, related to the fact that my application is a SPA that uses Vue.js and Vue-router.

The first page always loads fine, regardless the route, but when user clicks on links I immediately see a blank screen on the video, instead of the next page's UI.
I added the pagesense script to my layout's <head> tag, the same way I used other recording tools, such as Hotjar, which had worked well.

It's important to mention that pagesense does catch those clicks as navigated events.
I have read that pagesense should work on SPAs. What should I do to fix the problem? Am I missing something? Is there a specific way to use pagesense in a SPA? Should I make some settings change for that?

Best regards,
Arik.


      • Sticky Posts

      • CSS not loading in heat map view

        I ran into a problem with two different websites where when I view the heat map experiment, the CSS for the page is not loaded under the heat map overlay. When going to the page directly, everything looks fine. The page also looks right on the Experiments page where a screenshot is used as the thumbnail... The sites are both WordPress websites. I've tried both the regular snippet and async. I'm hoping this has been seen before and there's a solution. Thanks!