How to Set Up HotJar Pixel/Web Tracking via Google Tag Manager
How to Implement HotJar Pixel/Web Tracking via Google Tag Manager
Overview
Prerequisites:
Install Elevar's Data Layer & Shopify Source on your store. Follow our guide on How to Implement the Shopify Source.
Download the Pre-Built HotJar Tags
Locate HotJar Container:
- Begin on the homepage of your Elevar app. Use the left-hand navigation menu and click on the tab titled "Pre-Build Tags".
- Use the search function to locate and click on the HotJar Pixel Container.
- (See Figure 1)
_Figure 1_
Download HotJar Container:
- Once in the HotJar Container, navigate to the box titled "Download Container".
- Add in your HotJar Site ID. [How to find this?] > Select Download Container
- Click on the button labeled "Download Container".
- (See Figure 2)
_Figure 2_
Import the Pre-Built HotJar Tags into GTM
Import Container:
- Log in to your Google Tag Manager Account.
- Select your GTM Web Container.
- Click on the "Admin" button located in the upper menu bar.
- Use the right-hand menu under the "Container" section and click on the tab labeled "Import Container".
- (See Figure 3)
- Use the right-hand menu under the "Container" section and click on the tab labeled "Import Container".
Figure 3
Import Container Information:
- Under the "Select file to import" section, click on the "Select File" button and choose the HotJar Container that was previously downloaded.
- Under the "Choose workplace" section, create a new workplace titled "HotJar Tracking".
- Next be sure to select the "Merge" option first, then the "Overwrite conflicting tags, triggers, and variables" option second.
- Once you have completed filling out the necessary details for this container, click on the "Confirm" button located at the bottom of the page.
- (See Figure 4)
Figure 4
[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.
Publish the Pre-Built Tags
- After importing the HotJar tag container, you will be brought back to the Google Tag Manager homepage.
- In your HotJar Tracking workspace, click on the "Submit" button in the upper right hand corner of the page.
- An additional confirmation page will appear. Be sure to click on the "Publish" button in the upper right-hand corner of the page.
- (See Figure 5)
Figure 5
Updated about 2 months ago