Installing Heatmap.com on a Custom Site

Installing Heatmap.com on a Custom Site

This guide will walk you through the process of installing Heatmap.com on your custom website. Follow these steps to start tracking user behavior and gathering valuable insights.

Step 1: Access Your Heatmap.com Account

1. Log in to your Heatmap.com account.

2. Navigate to the "All Website" section in your side bar.

Step 2: Get Your Tracking Code

1. Click on "View Snippet” button to open the modal with your snippet

2. Click the "Copy" button to copy the entire code snippet to your clipboard.

Step 4: Add the Code to Your Website

1. Open your website's HTML file or content management system.

2. Locate the `<head>` section of your website's template or main HTML file.

3. Paste the copied tracking code just before the closing `</head>` tag.

Example:

<head>

(function() {

var hm = document.createElement('script'); hm.type ='text/javascript'; hm.async = true;

hm.src = ('++u-heatmap-it+log-js').replace(/[+]/g,'/').replace(/-/g,'.');

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(hm, s);

})();

</script>

</head>

Step 5: Verify Installation

1. Save the changes to your website files.

2. Upload the updated files to your web server if necessary.

3. Return to your Heatmap.com dashboard.

4. Click on "Verify Installation" to confirm the tracking code is working correctly.

Troubleshooting

If the installation verification fails:

- Double-check that the code is placed correctly within the `<head>` section.

- Ensure there are no typos in the pasted code.

- Clear your browser cache and try loading your website again.

- Wait a few minutes and try the verification process again, as it may take some time for the changes to propagate.

Next Steps

Once installed successfully, Heatmap.com will start collecting data from your website. You can now:

- Set up custom events or goals

- Configure user segments

- Start analyzing your first heatmaps

For more detailed customization options or if you encounter any issues, please contact our support team at support@heatmap.com.

Last Updated: 10/21/2024