Back to Documentation

Analytics & Heatmaps Tracking

Add one script tag to your website to collect page views, clicks, scroll depth and heatmaps.

Leaps tracks visitors on your own website with a small script. No npm package is needed.

1. Get your snippet

Sign in, open Heatmaps → Setup, and copy the snippet. It already contains your project's API key.

2. Add it to every page

Paste it just before the closing </head> tag. It looks like this:

<script src="https://YOUR-LEAPS-DOMAIN/qct.js"
  data-apikey="YOUR_PROJECT_API_KEY"
  data-endpoint="https://YOUR-LEAPS-DOMAIN/api/analytics/collect"
  async defer></script>

3. Check it works

Visit your site, click around, then open Heatmaps in your dashboard. Page views, clicks and scroll depth appear within a few minutes. Your website's domain must be added to the project, otherwise events are rejected.