Hotjar is a tool that reveals the online behavior and voice of your users, through tools such as heatmaps, session recordings, and surveys.
Hotjar complements the data and insights you get from Foleon reports and Google Analytics. In this article, we show you how to implement this integration.
💡 For integrating Hotjar, you need access to the remarketing field. This feature is not included in every plan. If you're interested in using this functionality, please reach out to our Customer Success Management team.
Prepare your Hotjar account
To prepare your Hotjar account for the integration, we recommend following the steps in their documentation Hotjar on Single Page Apps.
It's very important to set Tracking URL Changes to '"Track changes automatically, excluding fragments (default)". This is the default setting in Hotjar, but we recommend double-checking it hasn't been changed on your end.
💡 If you are already using Hotjar for another website, be sure to add Foleon as a "New organization".
Steps in Hotjar
You will be given a unique Hotjar Tracking Code for each site that you add. You will need a new site for each new Foleon Doc.
Add a new site using the full URL for your Foleon Doc.
Once added, select Tracking code
Copy the tracking code.
Proceed to Foleon.
Steps in Foleon
Once in Foleon, open the Doc that you would like to add to Hotjar and navigate to the Foleon Doc Settings.
Once in the Foleon Doc settings, add the tracking code into the Remarketing code section and save your changes. If the Foleon Doc is already live, you will need to republish.
⚠️ With the Track changes automatically, excluding fragments (default) option enabled, Hotjar itself checks if the content or URL changes. This means they support firing the script again when the page changes, which is very useful for a Single-Page Application (SPA) such as Foleon. Remember that other tools often don't offer this, forcing you to use the Google Tag Manager (GTM) field.