Add Antlytics to Vue / Vite

Prerequisites

An Antlytics account (sign up free)
Your tracking ID from Settings → Tracking Snippet in your Antlytics dashboard

Install the snippet

Open index.html in your project root and paste the snippet inside <head>:

<script
  defer
  src="https://www.antlytics.com/tracker.js"
  data-tracking-id="YOUR-SITE-ID"
  data-api-host="https://www.antlytics.com"
></script>

Note: Replace YOUR-SITE-ID with the tracking ID from your Antlytics dashboard.

For a standard Vite project the file is at the project root. For a Vite + Vue app created with npm create vue@latest it is also at the root.

The hosted tracker patches History API navigations and listens for popstate, so Vue Router client-side routing is captured automatically — no additional configuration is needed.

Nuxt 3

If you are using Nuxt 3 (Vue meta-framework), follow the Nuxt guide instead.

Verify installation

Visit your site in a browser.
Open your Antlytics dashboard → Overview.
Your visit should appear within a few seconds.

If data does not appear after a few minutes, check the troubleshooting guide.

Optional: First-party proxy

To avoid ad blockers, set up a first-party proxy on your own domain.

Need help?

Email support@antlytics.com with your site ID and page URL.

Something missing? Get in touch and we will update these docs.