Install Hotjar with Google Tag Manger

• Contents
  • What is Hotjar?
  • Add a Site to Hotjar
  • Install Hotjar Tracking with Google Tag Manager
  • Sharing Hotjar Access

What is Hotjar?

Hotjar allows video recordings of user journeys and heatmaps of where visitors click to be captured and analysed. It's a great way to "see" what your customers are really up to and identify any obstacles that might be leading to a poor user experience.

Add a Site to Hotjar

Hotjar allows multiple websites to be managed under one account. Websites can be grouped under Organisations. To add a site:

1. Click the + icon > Add new site in the top left.

2. Enter the Website URL.

3. Select a relevant Site Type.

4. Choose New Client Organization as the Site Owner, unless you have an existing organisation created.

5. For Who Will Pay and Manage This Account? select I Will Pay and Manage the Client's Account. The website will automatically be created on the BASIC plan, which requires no payment details.

6. Enter the Client's Organization Name.

7. Click the green Add Site button.

8. Click the Install Tracking Code link next to the website you just added on the resulting page, which should be a list of all the websites in your Hotjar account.

9. Copy the Hotjar Site ID from the installation page.

We'll use the Hotjar Site ID to install the tracking via Google Tag Manager next.

Install Hotjar Tracking with Google Tag Manager

There is a preconfigured tag in Google Tag Manager, which means we just need the Hotjar Site ID from the step before rather than a load of JavaScript code.

1. Click New from the Tags tab to create a new tag in Google Tag Manager.

2. Name the tag HJ - Pageview.

3. Click Tag Configuration and search for the Hotjar Tracking Code tag.

4. Paste the Hotjar Site ID into the available field.

5. Click Triggering and choose All Pages.

6. Click the blue Save button in the top right.

7. Move the tag to a Folder called Pageviews (not required but good for organisation).

8. Click the blue Submit button.

9. Enter Hotjar tracking as the Version Name.

10. Enter Hotjar tag installed to be fired on every pageview. for the Version Description.

11. Click the blue Publish button.

12. Back in Hotjar, click the Verify Installation button to make sure all has gone to plan.

Sharing Hotjar Access

You can invite team members to access your Hotjar account using the following steps:

1. Click Settings > Team in the top right.

2. Click the green Invite Team Members button.

3. Choose the relevant Organization.

4. Enter an email address.

5. Choose a relevant Access level. Read Only access is suitable for most people who just want to view the data and survey responses.

6. Click the green Send Invites button.