How to Connect Hotjar to Your Website Using OzSpeed hPanel

Hotjar is a powerful tool for understanding user behavior on your website. It offers features like heatmaps, session recordings, and feedback polls, helping you gain insights into how visitors interact with your site. By connecting Hotjar to your website using OzSpeed’s hPanel, you can start gathering valuable data to optimize your site and improve user experience. Here’s a step-by-step guide on how to connect Hotjar.

---

Step 1: Create a Hotjar Account #

If you don’t already have a Hotjar account, you’ll need to create one.

How to Create a Hotjar Account: #

1. Go to Hotjar and click Try it free.
2. Sign up using your email address or Google account.
3. Enter your website URL (e.g., https://ozspeed.com.au).
4. Complete the onboarding steps to finish setting up your account.

Tip: #

• Use the free plan to get started, which includes access to basic features like heatmaps and session recordings.

---

Step 2: Get Your Hotjar Tracking Code #

After setting up your Hotjar account, you need to get the tracking code to add it to your website.

How to Get the Tracking Code: #

1. Log in to your Hotjar account.
2. Go to Sites & Organizations and select your website.
3. Click Tracking Code from the left-hand menu.
4. Copy the entire tracking code snippet.

Example Hotjar Tracking Code: #

htmlCopy code<!-- Hotjar Tracking Code -->
<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid: YOUR_HOTJAR_ID, hjsv: 6};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>

Tip: #

• Replace YOUR_HOTJAR_ID with your actual Hotjar site ID.

---

Step 3: Add the Hotjar Tracking Code Using hPanel #

To activate Hotjar on your website, you need to add the tracking code to the header section using OzSpeed’s hPanel.

How to Add the Code: #

1. Log in to hPanel at ozspeed.com.au.
2. Go to Website Settings > Custom Code.
3. Paste the Hotjar tracking code in the Header Code section.
4. Click Save.

Tip: #

• Adding the tracking code in the header ensures it loads on every page of your website.

---

Step 4: Verify the Hotjar Installation #

To confirm that the Hotjar tracking code is installed correctly, use the Hotjar Site Dashboard.

How to Verify: #

1. Go back to your Hotjar dashboard.
2. Click on your website name to open the Site Dashboard.
3. Check the Tracking Status. It should show Tracking Active if the code is installed correctly.

Tip: #

• If the tracking status shows Inactive, clear your browser cache and reload the page.

---

Step 5: Set Up Heatmaps and Recordings #

Now that Hotjar is connected, start using its features to gather insights.

How to Create a Heatmap: #

1. Go to Heatmaps in your Hotjar dashboard.
2. Click New Heatmap and enter a name (e.g., “Homepage Heatmap”).
3. Set the target page (e.g., https://ozspeed.com.au/home/).
4. Click Create Heatmap to start collecting data.

How to Enable Session Recordings: #

1. Go to Recordings in your Hotjar dashboard.
2. Click Start Recordings.
3. Set the sample rate and duration (e.g., record 50% of all sessions).
4. Click Save to begin capturing session recordings.

Tip: #

• Use heatmaps to identify areas with high user engagement and recordings to see real user interactions.

---

Step 6: Use Feedback Tools (Optional) #

Hotjar offers feedback tools like Surveys and Polls to gather direct input from your visitors.

How to Create a Feedback Poll: #

1. Go to Feedback in your Hotjar dashboard.
2. Click New Poll and choose a question type (e.g., open-ended, multiple-choice).
3. Customize the poll settings (e.g., appearance, target audience).
4. Click Save to publish the poll on your website.

Tip: #

• Use feedback polls on high-traffic pages or after a purchase to gather valuable user insights.

---

Troubleshooting Tips #

1. Hotjar Not Tracking Data:
   • Verify that the tracking code is correctly placed in the Header Code section of hPanel.
   • Ensure your website is receiving traffic, as Hotjar may not display data immediately.
2. Heatmaps Not Displaying Correctly:
   • Check that the URL settings for the heatmap match the exact page URL.
   • Clear your browser cache and reload the Hotjar dashboard.
3. Low Session Recordings:
   • Increase the sample rate to capture more sessions.
   • Ensure your website has enough traffic to generate recordings.

---

Additional Tips: #

• Use Filters in Recordings: Use filters like device type, user location, and session duration to find specific recordings that offer valuable insights.
• Regularly Review Heatmaps: Analyze heatmaps periodically to see if changes to your website are improving user engagement.
• Integrate with Google Analytics: Connect Hotjar with Google Analytics for a more comprehensive view of user behavior.