Ir para o conteúdo principal
Nuxt Nuxt Guia

Best Analytics for Nuxt (2026)

Compare the best analytics solutions for Nuxt 3. We review PostHog, Plausible, Umami, and more with privacy compliance, Nuxt modules, and route tracking.

Analytics help you understand how users interact with your Nuxt app. The landscape has shifted toward privacy-first solutions that don't require cookie banners. Nuxt's module system and plugin architecture make analytics integration straightforward, with automatic page view tracking for both client and server-rendered pages.

Por Que É Importante

You can't improve what you don't measure. But traditional analytics come with privacy baggage. Modern alternatives give you insights without GDPR headaches. Nuxt's hybrid rendering (SSR/SSG) requires analytics that track page views correctly regardless of rendering mode.

Considerações Importantes

01

Privacy & GDPR

Cookie-based analytics (GA4, Mixpanel) require consent banners in the EU. Privacy-first tools (Plausible, Umami, Fathom) don't use cookies and don't need consent. Consider your audience location.

02

Nuxt Modules

Some analytics have official Nuxt modules with auto-tracking. Others require manual setup. Modules handle SSR/client hydration automatically.

03

Product vs Web Analytics

Web analytics (Plausible) show traffic and sources. Product analytics (PostHog, Mixpanel) track user journeys, funnels, and events. Choose based on what insights you need.

04

Self-Hosted Options

Plausible, Umami, and PostHog can be self-hosted for full data ownership. No usage limits when self-hosting. Good for privacy-conscious teams.

05

Performance Impact

Analytics scripts add page weight. Plausible is <1KB. PostHog is larger but feature-rich. Consider lazy-loading analytics after page load.

Nossas Recomendações

PostHog
#1

PostHog

Melhor Geral Excelente Suporte SDK Oficial

PostHog is the most complete solution: product analytics, session recordings, feature flags, A/B testing. Official Nuxt module handles everything. 1M events/month free. Open source and self-hostable. Best for product-led growth.

npx nuxi module add posthog
Plausible Analytics
#2

Plausible Analytics

Melhor em Privacidade Bom Suporte SDK Oficial

Plausible is the anti-Google Analytics: simple, privacy-focused, no cookies, <1KB script. Perfect for blogs and marketing sites. EU-hosted, GDPR-compliant by design. Self-host or cloud ($9/month).

npm install vue-plausible
Umami
#3

Umami

Melhor Auto-hospedado Bom Suporte SDK Oficial

Umami is a beautiful, privacy-focused analytics you can self-host for free. No cookies, simple dashboard, lightweight. Deploy on Railway or Vercel. Great open-source alternative to Plausible.

npm install @umami/nuxt
Mixpanel
#4

Mixpanel

Melhor para Equipes de Produto Bom Suporte SDK Oficial

Mixpanel pioneered product analytics with funnels, retention, and cohorts. More established than PostHog with better enterprise features. 20M events/month free. Good SDK but not Nuxt-specific.

npm install mixpanel-browser
Google Analytics
#5

Google Analytics

Mais Utilizado Bom Suporte SDK Oficial

Google Analytics 4 is free and powerful with BigQuery integration. Requires cookie consent in EU. Heavier script, sampled data. Use only if you need GA ecosystem or it's required by your organization.

npm install vue-gtag

Comparação Rápida

Serviço TypeScript Edge Plano Gratuito Tempo de Configuração
PostHog
full 1M events/mo 10 min
Plausible Analytics
full Self-host only 5 min
Umami
full Self-host free 15 min
Mixpanel
full 20M events/mo 15 min
Google Analytics
full Unlimited 10 min

Início Rápido

Add PostHog to Nuxt 3 nuxt.config.ts
export default defineNuxtConfig({
  modules: ['nuxt-posthog'],
  posthog: {
    publicKey: process.env.NUXT_PUBLIC_POSTHOG_KEY,
    host: 'https://app.posthog.com',
    capturePageViews: true,
  },
});

// Usage in components:
// const { $posthog } = useNuxtApp();
// $posthog.capture('button_clicked', { button: 'signup' });

Padrões de Integração Comuns

PostHog Full Stack

PostHog for analytics, session recordings, feature flags, and A/B tests. One tool replaces multiple services. Best for product-led growth.

posthog

Plausible + Simple Analytics

Plausible for privacy-friendly traffic analytics. No consent banners, simple dashboard. Perfect for content sites and blogs.

plausible

Mixpanel + Segment

Segment collects events, Mixpanel analyzes them. Enterprise pattern allowing analytics provider switching without code changes.

mixpanel segment

Perguntas Frequentes

Do I need cookie consent for analytics in Nuxt?
It depends on the tool and your audience. Plausible, Umami, and Fathom don't use cookies and don't require consent. Google Analytics, Mixpanel, and most others do require consent in the EU.
What's the best free analytics for Nuxt?
PostHog (1M events/month free) and Mixpanel (20M events/month free) are most generous. Umami and Plausible can be self-hosted for free. Google Analytics is free but has privacy trade-offs.
How do I track page views in Nuxt with SSR?
Use a Nuxt module that handles SSR automatically (PostHog, Plausible). For manual tracking, use the router afterEach hook on client-side only to track navigation.
Should I use Google Analytics or a privacy-focused alternative?
For indie projects, privacy-focused alternatives are simpler (no cookie banners) and more ethical. Use GA4 only if you need its ecosystem or your organization requires it.

Guias Relacionados

Última atualização: January 11, 2026