Introduction


Hotjar is a powerful website analytics tool that provides heatmaps, session recordings, conversion funnels, and user feedback. By integrating Hotjar with your eDirectory website using Google Tag Manager (GTM), you can track visitor interactions and gain insights into user behavior. This guide will walk you through the step-by-step process of setting up Hotjar on your site.

Setting Up Hotjar with Google Tag Manager

Step 1: Create a Site in Hotjar

  • If Hotjar detects that your site already has a GTM container, you will see an option to proceed with GTM installation automatically.

  • If the option does not appear, select "GTM installation" manually. 

Step 2: Install Hotjar Using GTM

  1. Click Start Setup within the Install with Google Tag Manager box. 

  2. Choose the Google account that has access to the GTM container where you want to install Hotjar. 

  3. Grant the necessary permissions by clicking Allow and confirming. 

  4. Select the GTM Account and Tag Container that corresponds to your eDirectory site. 

  5. Click Create and Publish Tag to generate the tag for tracking. 

  6. Confirm your settings by clicking Confirm and Create.

  7. Wait a few minutes for the tag to deploy, then click Verify Installation. 

  8. Follow the verification prompt. If successful, you will see a confirmation message.

Manual Installation of Hotjar Using Google Tag Manager


If Hotjar does not automatically detect your GTM container, you can install it manually using the following steps:

  1. Open Google Tag Manager and click on the Tag icon.

  2. Select Hotjar Tracking Code from the list of available tags. 

  3. Enter your Hotjar Site ID in the designated text field.

    • To find your Site ID, log in to Hotjar and check the URL: https://insights.hotjar.com/sites/[SITE_ID]/overview.

  4. Set up a trigger to activate Hotjar. 

  5. Select All Pages as the trigger type (this is an important step to ensure tracking works across the entire site). 

  6. Save the workspace. 

  7. Click Submit in the top-right corner of Google Tag Manager. 

  8. Click Publish to apply the changes. 

  9. Verify the installation within Hotjar to ensure the tracking code is active.

Important Notes

  • If your website undergoes a major redesign, double-check that the Hotjar Tracking Code is still installed.

  • Keep the tracking code in mind when making any structural changes to your site.

  • eDirectory is not affiliated with Hotjar and does not provide support for third-party integrations.


Conclusion


By following these steps, you can successfully integrate Hotjar with your eDirectory site using Google Tag Manager. This will allow you to analyze visitor behavior, improve user experience, and optimize your site based on real data. If you encounter any issues, ensure your GTM container is correctly set up and that you have allowed enough time for changes to take effect.