How to install Hotjar using Google tag Manager

How to Install Hotjar with GTM

Probably you use Hotjar in the classic way, putting the script in the

of your page. If you use Google Tag Manager, now you can put the Hotjar tracking code using the new tag available in the tag list.

What is Hotjar?

Hotjar is a "All in one Analytics & Feedback" tool. Is perfect to collect qualitative data of your users. Hotjar provide us this features:

  • Heatmaps: Understand what users want, care about and interact with on your site by visually representing their clicks, taps and scrolling behavior.
  • Sessions recording: Identify usability issues by watching recordings of real visitors on your site as they click, tap, move their cursor, type and navigate across pages.
  • Conversion funnels: Find the biggest opportunities for improvement and testing by identifying on which page and at which step most visitors are leaving your site.
  • Form analysis: Improve online form completion rates by discovering when and why your visitors abandon your forms.
  • Feedback pools: Understand what your web and mobile visitors want and what's preventing them from achieving it by targeting time or event based questions.In
  • Incoming feedback: Give your visitors an easy way to leave instant visual feedback on your website or app. See what people love and hate, identify issues, and find opportunities for growth.
  • Surveys: Collect deeper insights from your customers as soon as they convert, or visitors before they abandon, using responsive surveys that work on any device.
  • Recruiting: Recruit your users for one-on-one testing and interviews. Incentivize participation with custom messaging and choose recruits based on their profile.

Hotjar is free for 3 heatmaps and 300 session recording. I recommend a lot this tool.

What is Google Tag Manager?

In short, Google Tag Manager is a user-friendly solution to managing the tags, or the snippets of JavaScript that send information to third-parties, on your website or mobile app. Adding other products to your site, including but not limited to AdWords Conversion Tracking and Remarketing, DoubleClick Floodlight, and of course, Google Analytics, is a breeze.

In more detail, GTM makes your life easier by simplifying the process of adding these JavaScript snippets to your website. Instead of updating code on your website, you use the interface to decide what needs to fire and on what page or what action. GTM then adds the appropriate tracking to your site to make sure it all works.

Installing Hotjar using Google Tag Manager

Installing the Hotjar Tracking Code on your site using Google Tag Manager is simple. Just follow the steps below.

1- Click in "Add new tag".
Hotjar GTM add tag

2- Select "Hotjar tracking code" in the list:
Hotjar GTM

3- Enter your Hotjar Site ID into the text field. Here's how you find it:
Hotjar GTM site id

4- Set up a trigger for where you will be placing the hotjar tracking code by clicking in the 'Triggering' area:
Hotjar GTM add trigger

5- Select 'All Pages' for the trigger. (Or set up another targeting rule):
Hotjar GTM select all pages

6- Save your workspace:
Hotjar GTM save workspace

7- Click the 'Submit' button on the upper right-hand side of the page.
Hotjar GTM submit

8- Click on the Publish button to publish the tag.
Hotjar GTM submit

9- After a few minutes, you can start to use the Hotjar tools!

Link to the entire documentation.