Installation Guides
Add EngageTrack analytics to any website or app in under 2 minutes with our lightweight tracking script.
Installation Guides
EngageTrack ships as a single ~3 KB JavaScript snippet that tracks pageviews, outbound links, file downloads, form submissions, scroll depth, and more — with zero device storage by default. No cookies, no localStorage, no consent banner needed. Fully GDPR and ePrivacy compliant out of the box.
Quick Install
Add the script to the <head> of any HTML page:
<script
defer
data-site-id="YOUR_SITE_ID"
src="https://cdn.engagetrack.net/sdk.js"
></script>That's it. Pageviews are tracked automatically as soon as the script loads.
Find your Site ID in the EngageTrack dashboard under Site Settings → General.
Framework Guides
Choose your stack for a step-by-step walkthrough:
| Framework | Guide |
|---|---|
| Next.js | Install in Next.js (App Router) |
| React | Install in React (Vite, CRA, etc.) |
| Vue.js | Install in Vue.js |
| Astro | Install in Astro |
| WordPress | Install on WordPress |
| Google Tag Manager | Install via GTM |
What Gets Tracked Automatically
Once installed, the SDK automatically captures:
- Pageviews — every page load and client-side navigation
- Outbound links — clicks to external domains
- File downloads — common file extensions (pdf, zip, dmg, etc.)
- Form submissions — all
<form>submit events - Phone clicks —
tel:link clicks - Scroll depth — continuous percentage (0-100%) sent with page events
- Time on page — duration before the visitor leaves
Each auto-tracked feature can be toggled on or off per site in Site Settings → Tracking.
Next Steps
- Track custom goals and events
- Set up revenue tracking
- Configure the script (custom API endpoint, cross-domain, debug mode)