Skip to main content

Hotjar

Hotjar is an easy-to-use experience analytics platform, enabling marketers to understand why their visitors behave the way they do, and see how these visitors are using their website. Hotjar provides an array of analysis tools, including heatmaps, scrollmaps, session replays, and user feedback.

With our Hotjar integration, Kameleoon will automatically flag all your heatmaps, scrollmaps, and session replays with additional tags, allowing you to segment your analysis based on each experiment variation.

Key benefits:

  • Analyze how visitors behave when exposed to an experiment by watching session recordings, using a number of filtering options.
  • Identify areas of optimization with Hotjar heatmaps and prioritize your roadmap of experiments in Kameleoon.

Enable Hotjar integration on Kameleoon​

First, you must enable Hotjar on your website.

caution

We don’t recommend triggering the Hotjar snippet from Kameleoon, as both tools manage their own consent management policy.

Then, you must 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 Add new script. The corresponding script will automatically populate the JavaScript code insert.

note

This code uses the Hotjar Events API: window.hj('event', tag_name);

Hotjar’s Events API lets you 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 targeted by an experiment or a personalization. By default, we send the campaign ID, campaign name, variant ID, and variant name, but you can adjust 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\]);

note

This custom bridge is based on the Hotjar JavaScript API. To find out more, please refer to these articles: 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 set up the trigger name in Hotjar as follows:

campaignId+"-"+campaignName+"-"+associatedVariationId+"-"+associatedVariationName

You can find the experiment and variation details (ID and Name) in your Kameleoon Experiments dashboard by hovering over the experiment name.