Hotjar enables you to understand how “vistors are really using your website” by offering a full set of user experience tools: heat maps, session recordings, and form analytics.
This document was last updated on April 28, 2018. If you notice any gaps, outdated information or simply want to leave some feedback to help us improve our documentation, please let us know!
The first step is to make sure Hotjar supports the source type and connection mode you’ve chosen to implement. You can learn more about what dictates the connection modes we support here.
From your Segment UI’s Destinations page click on “Add Destination”.
Add your Hotjar Site ID - which you can find under Settings and Sites & Organizations in our Hotjar dashboard - to your Destination settings. It should be a whole number (e.g. 123456).
We’ll automatically load Hotjar’s tracking snippet, along with your Site ID, onto the page once analytics.js loads. Please remove Hotjar’s snippet from your code.
Once our CDN updates in 5-10 minutes, Hotjar will automatically start tracking visits and bound page events in accordance with how you’ve defined them in your Hotjar profile. Keep in mind that the Hotjar triggers that you’ve defined in your Hotjar profile and placed in your website should stay where they are; they will continue to function normally.
Segment lets you change these destination settings via your Segment dashboard without having to touch any code.
IE9 Placeholder Polyfill
HotJar loads a polyfill for placeholder tags on input fields for IE9. Disable this if you already use a placeholder plugin. https://docs.hotjar.com/v1.0/docs/disabling-placeholder-polyfill
This is your site ID for HotJar. It should be a whole number, such as