Hotjar is one of the easiest-to-use experience analytics platforms enabling marketers to understand why their visitors behave in the way they do and to see how these visitors are really using their website, through a combination of heatmaps, scrollmaps, session replays and user feedback (polls, surveys..) tools.
With our Hotjar integration, Kameleoon will automatically flag all your heatmaps, scrollmaps and session replays with additional tags to enable you to segment your analysis based on each experiment variation.
Key benefits
- Understand why visitors leave your website with the help of engaging polls or surveys designed by Hotjar.
- Analyze how your visitors behave when exposed to an experiment by watching session recordings on Hotjar based on a large number of filtering options.
- Identify areas for optimization thanks to Hotjar’s heatmaps and prioritize your experiment roadmap in Kameleoon.
Enable Hotjar integration on Kameleoon
As a first step, you will need to have Hotjar installed on your website.
Note: Please note that we don’t recommend triggering the Hotjar snippet from Kameleoon, as each tool manages its own consent management policy.
Then you will need to activate Hotjar on Kameleoon. Learn how to set up a custom analytics integration on Kameleoon.
You can add predefined custom analytics scripts from the Script Library. From the dropdown list, choose the Hotjar integration and click on the Add new script button. The corresponding script will automatically populate the JavaScript code insert.
Note: This code is using the Hotjar Events API:
window.hj('event', tag_name);Hotjar’s Events API allows you to send events to Hotjar using JavaScript when a specific experiment or personalization is triggered on your site.
This code will send data to Hotjar whenever a visitor is being targeted by an experiment or a personalization. By default, we send the campaign ID, name, Variant ID and name, but you can adapt the code to your requirements.
For instance, if you don’t use Hotjar’s session recording feature, you can remove the line:
window.hj('tagRecording', [tag_name]);
This custom bridge is based on the Hotjar JavaScript API. To find out more, please refer to the documentation: Using Hotjar Heatmaps / Using Hotjar Recordings
Heatmaps
To analyze how your visitors behave when exposed to an experiment by using Hotjar’s heatmaps, you may need to setup the trigger name in Hotjar by using the convention name:
campaignId+"-"+campaignName+"-"+associatedVariationId+"-"+associatedVariationName
You can find the experiment and variation details (ID and Name) from your Kameleoon Experiments dashboard by hovering the experiment name.
