Cookie-Free Analytics for Vue
Vue apps can integrate GhostlyX through the HTML entry point or the app's main JavaScript file. GhostlyX tracks Vue Router navigations automatically.
Installation guide
Add the script to index.html
Open index.html in the root of your Vue project (used by Vite) and add the GhostlyX script inside the <head> tag.
<!-- index.html -->
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>My Vue App</title>
<script defer src="https://cdn.ghostlyx.com/gx.js" data-site-id="YOUR_SITE_ID"><\/script>
</head>Verify Vue Router tracking
GhostlyX detects Vue Router's pushState navigations automatically. Navigate between routes and check your dashboard for recorded pageviews.
Why Vue users choose GhostlyX
Vue is particularly popular in Europe and Asia. Teams building Vue applications for European markets benefit from GhostlyX's built-in GDPR compliance. No consent banner is required, meaning the full user journey from first visit to conversion is tracked accurately.
Cookie-free tracking
No consent banner required under GDPR or PECR
Under 1.5 kB script
Negligible impact on page speed and Core Web Vitals
Real-time dashboard
See visitors as they arrive, updated every few seconds
Free plan available
Start tracking without a credit card
Replacing Google Analytics on Vue?
See how GhostlyX compares feature by feature, including script size, GDPR compliance, and pricing.
Related integrations
Ready to add GhostlyX to Vue?
Free plan available. Setup takes 3 minutes. No cookie consent banner required.
Get started free