Add heatmapp to your HTML site

Follow these steps to integrate heatmapp analytics into your static HTML website.

Add tracking script to your HTML pages

Add the tracking script to the `<head>` section of all your HTML pages:

1. Open your HTML file

2. Add the script to the `<head>` section:

Code

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Your Website</title>
    
    <!-- Add heatmapp tracking script -->
    <script
        defer
        data-website-id="YOUR_WEBSITE_ID"
        data-domain="your_domain.com"
        src="https://heatm.app/js/script.v2.min.js"
    ></script>
</head>
<body>
    <!-- Your website content -->
</body>
</html>

Replace `YOUR_WEBSITE_ID` with your actual Website ID from heatmapp. Replace `your_domain.com` with your website's root domain. Add this script to every HTML page on your site.

Verify installation

After implementing:

Visit your live website
Check your heatmapp dashboard for incoming data
It might take a few minutes for the first pageviews to appear

For advanced configuration options like localhost tracking, custom API endpoints, or cross-domain setup, see the script configuration reference.