This guide will walk you through the process of installing Heatmap on your custom-built website. There are two snippets you will need to install in order to configure tracking correctly: the Heatmap Tracking Code Snippet and the Heatmap Conversion Code Snippet.
Accessing your Heatmap Tracking Code Snippet & Heatmap Conversion Code Snippets
In order to access your code snippets, you can follow these steps:
Log in to your Heatmap.com account and go to the Settings tab within your portal.
Click "Snippet"
Here you will see two codes available to copy
The Heatmap Tracking Code Snippet will be placed in the Header tag of your website
The Heatmap Conversion Code Snippet will be the conversion snippet at the order confirmation page.
Installing Both the Heatmap Tracking Code Snippet & Heatmap Conversion Code Snippet
The Heatmap Tracking Code Snippet is what tracks the user interactions on your website. To ensure successful installation of your heatmap tracking code snippet, please follow these steps:
Open your website's HTML file or content management system.
Locate the `<head>` section of your website's template or main HTML file.
Copy & paste the Heatmap Tracking Code Snippet just before the closing `</head>` tag.
⚠️ Important! Please note heatmap's snippet must be the first snippet at the top of your header for maximum data accuracy.
If you have other snippets above, this may reduce accuracy of data collection.
4. Copy & paste the second snippet, the Heatmap Conversion Code Snippet at the purchase confirmation stage within your custom website.
You can also install the Heatmap Conversion Code Snippet using Google Tag Manager – see this article here.
Note: Ensure that you do not install either snippet twice, which would create double tracking.
Snippet Installation Verification
After installation and official verification on the heatmap platform, wait about 12 hours for data to start appearing in your heatmap dashboard. To verify your snippet:
Log in to your Heatmap.com account and go to the Settings tab within your portal.
Click "Snippet"
Click the "Verify My Snippet" button in the bottom right corner.
You'll receive a pop-up validating if the snippet was installed correctly. If you don't see any data after 24 hours or believe there is a data collection issue, double-check that both snippets are correctly installed.
Need Help?
If you have questions or run into any issues while using Heatmap, our support team is here to help. Contact us anytime at Support@heatmap.com.