How to Set Up HotJar Tracking via Google Tag Manager

If you would like to implement Hot Jar Pixel/Web tracking via GTM, follow these easy steps to publish.

Prerequisites

You've installed our Shopify source.
If not, follow our guide, How to Implement the Shopify Source on Your Shopify Store.

Step 1: Download Pre-Built HotJar Tags

In your Elevar App, navigate to Pre-Built Tags

Search for HotJar > Click into the HotJar Container

Add in your Site ID [How to find this?] > Select Download Container

Step 2: Import the Pre-Built HotJar Tags into GTM Web

Log in to your Google Tag Manager Account > Select your GTM Web Container

Select Admin > Import Container

Select to import the file that you just downloaded in Step 1. Choose a New Workspace and title it HotJar Tracking. Then choose Merge > Overwrite. Your import will look similar to the below:

Select _Confirm _to import the tags

Step 3: [Optional] QA the new tags with Google Tag Manager's Preview Mode

Follow our guide to QA your tags in Google Tag Manager (GTM) preview mode.

Step 4: Publish the Pre-Built Tags

In your HotJar Tracking workspace, select Submit

Select Publish

Step 5: Remove Previous HotJar Tracking

That's it!