Add once, Vue Router changes are tracked automatically.
1
A Vite-based Vue app has one HTML shell; the snippet goes into its <head>.
index.html
<head>
<script
defer
src="https://cloud.openwebtrack.one/script.js"
data-website-id="YOUR_WEBSITE_ID"
data-domain="yourdomain.com"
></script>
</head>For cookieless use script.cookieless.js. For self-hosted replace cloud.openwebtrack.one with your ORIGIN (e.g. analytics.yourdomain.com). Find your ID in dashboard -> Website -> Settings -> Installation.
2
Vue Router navigation is tracked automatically as pageviews. The tracker hooks history.pushState so no extra code is needed for SPA routes.
3
Deploy and open the site at the address you gave the dashboard. The realtime view shows the visit within seconds; if nothing appears, check that data-domain matches and that an ad blocker is not blocking the request.