Vue PrivacyGoogle Analytics for Vue — GDPR Out of the Box

Add GA4 to VitePress and Quasar with one line. Works with Vue 3 and Nuxt 3 via plugin. Google Consent Mode v2, EU auto-detection, cookie banner, and SPA page tracking included.

Get Started

View on GitHub

📊

Google Analytics in One Line

Pass your GA4 measurement ID and you're done. Loads gtag.js, configures Consent Mode v2, and tracks page views automatically. SPA navigation tracking built-in for VitePress and Quasar.

🔒

Google Consent Mode v2

Full support for analytics_storage, ad_storage, ad_user_data, and ad_personalization. Required by Google since March 2024 for EU traffic.

🌍

EU Auto-Detection

Automatically detects EU users via Cloudflare headers, IP geolocation, or timezone heuristics. Shows consent banner only when required.

🚀

SPA Page Tracking

Automatic router integration for VitePress. Use trackPageView() with Vue Router and Quasar for SPA page tracking.

🎨

Customizable Banner

CSS custom properties for theming, configurable UI text, and callback hooks. Adapts to your site's design.

📦

Lightweight & SSR Safe

Zero runtime dependencies. Tree-shakeable exports. Works with SSR and static site generation.