React Framework

Next.js

Analytics Built for React & Next.js Apps

Standard analytics miss page views in SPA apps entirely. Web Analyzer App tracks every client-side navigation in both App Router and Pages Router — automatically, with 2 KB of JavaScript.

Comience gratis: no se requiere tarjeta Ver precios

rastreador de 2 KB Sin cookies por defecto Listo para GDPR y CCPA Datos en tiempo real Plan gratuito para siempre

2 KB

Tamaño del rastreador comprimido

< 1 ms

Impacto del hilo principal

Cookies por defecto

∞

Sitios web de planes gratuitos

Why Next.js users switch

Los problemas para los que fuimos creados

🔄

SPA navigation is invisible to standard analytics

When Next.js routes between pages client-side, traditional analytics never fires a page view. Web Analyzer App hooks into router events to track every transition.

📦

Most analytics add 20+ KB to your bundle

Performance matters in React apps. Our 2 KB async script loads after your app and never appears in your bundle or Core Web Vitals.

⚛️

Custom event tracking requires boilerplate

Firing analytics events from React components usually means wrapping calls in useEffect or custom hooks. Tracker.track() is a simple one-liner that works anywhere.

Todo lo que necesitas

Analytics built for Next.js

One subscription. Every feature you need to understand your Next.js visitors and grow your business.

App Router & Pages Router support

Works with both Next.js architectures. A small client component uses usePathname for App Router; router.events handles Pages Router.

Custom events from any component

Call Tracker.track('event_name', { data }) from any React component, server action output, or client-side handler.

Real user session stitching

Sessions are linked across navigations so you see the complete user journey — not isolated page views.

UTM & referrer capture

Capture UTM params on first load and attribute them to the entire session, even through SPA navigations.

Conversion goals

Define goals based on route visits — /checkout/success, /pricing, /signup — and track conversion rates over time.

Uptime & API health checks

Monitor your Next.js app's availability and get instant alerts if a deployment breaks your site.

Configuración muy simple

Configurar en menos de 2 minutos

No hay SDK para instalar. Sin paso de construcción. Simplemente pegue 2 líneas y los datos comenzarán a fluir.

app/layout.tsx — or components/Analytics.tsx

'use client';
import { useEffect } from 'react';
import { usePathname } from 'next/navigation';

export default function Analytics() {
  const pathname = usePathname();
  useEffect(() => {
    window.Tracker?.page();
  }, [pathname]);
  return null;
}

Reemplazar YOUR_KEY con su clave de seguimiento desde su panel de control. Crea una cuenta gratis →

Precios sencillos

Start free. Upgrade when you're ready.

Sin contratos. Sin billetes sorpresa. Cancele en cualquier momento.

Gratuito

$0 /mes

Siempre libre. No se requiere tarjeta de crédito.

1 sitio web
1.000.000 eventos/mes
Sesiones, visitantes y análisis de páginas
Seguimiento de eventos personalizado
Fuentes de tráfico y atribución UTM
Análisis de búsqueda del sitio
2 objetivos de conversión
2 informes PDF / mes
Auditorías SEO (25 páginas)
Monitoreo del tiempo de actividad (verificaciones de 30 minutos)

Comience gratis

Más Popular

Pro

Mensual Anual Ahorra 2 meses

Primer mes gratis, luego 50% de descuento en el segundo

$7.49 /mes

entonces $14.99/mes · Sin contratos · Cancelar en cualquier momento

Primer mes gratis, luego facturado anualmente

$149.99 /año

$12.50/mes · 2 meses gratis · Cancelar en cualquier momento

10 sitios web
Eventos ilimitados
Todo gratis
Objetivos y embudos de conversión ilimitados
Informes PDF ilimitados
Auditorías SEO ilimitadas (500 páginas)
Importación de Google Analytics 4
Análisis de retención de cohortes
Monitoreo del tiempo de actividad (verificaciones de 5 minutos)
API REST para desarrolladores y claves API
Información semanal basada en IA
Monitoreo de Web Vitals
Integración de la consola de búsqueda de Google
Colaboración en equipo (hasta 5)

Iniciar prueba gratuita →

Pagos seguros a través de Stripe · Garantía de devolución de dinero de 7 días · Cancelar en cualquier momento

Ver comparación completa de planes →

Servicios profesionales

¿Necesita ayuda para empezar?

Podemos configurar todo para usted. Concéntrate en tu negocio mientras nosotros nos encargamos del aspecto técnico.

Configuración del sitio web

Instalamos el rastreador, configuramos objetivos, embudos y monitoreo del tiempo de actividad en su sitio web. Listo para funcionar en 24 horas.

$99 una sola vez

Empezar

Configuración de la aplicación móvil

Integración analítica completa para su aplicación iOS o Android. Seguimiento de eventos, recorridos de usuarios y embudos de conversión, todo configurado.

$199 una sola vez

Empezar

Empresa

Soluciones personalizadas para su negocio. Incorporación dedicada, integraciones personalizadas, SLA y soporte prioritario.

Costumbre precios

Contáctenos

Web Analyzer App

Vea su tráfico claramente

Análisis que priorizan la privacidad con un script de 2 KB. Sin cookies ni pancartas de consentimiento. Gratis para siempre.

en tiempo real Sin galletas GDPR 2 KB

Comience gratis

See how it works

3 steps. Any platform. Under 5 minutes.

1 Sign up free → 2 Paste snippet → 3 See your data

More platforms ↗

Open your HTML file in any editor
Find the </head> closing tag near the top of the file
Paste the snippet just before it and save

<!-- Web Analyzer App -->
<script>
  window.wa_key = 'YOUR_TRACKING_KEY';
  window.wa_auto = true;
</script>
<script src="https://webanalyzerapp.com/t.js" async defer></script>

What does this do? The first <script> sets your unique tracking key. The second loads the tracker in the background — zero performance impact.

In WordPress admin go to Plugins → Add New
Search for Insert Headers and Footers by WPBeginner — install & activate it
Go to Settings → Insert Headers and Footers, paste the snippet into Scripts in Header, save

<!-- Web Analyzer App -->
<script>
  window.wa_key = 'YOUR_TRACKING_KEY';
  window.wa_auto = true;
</script>
<script src="https://webanalyzerapp.com/t.js" async defer></script>

What does this do? Sets your unique tracking key and loads the tracker on every WordPress page via a safe, plugin-managed header injection.

In Shopify admin go to Online Store → Themes
Click ⋯ → Edit code on your active theme
Open Layout / theme.liquid, find </head>, paste the snippet just before it, and save

<!-- Web Analyzer App -->
<script>
  window.wa_key = 'YOUR_TRACKING_KEY';
  window.wa_auto = true;
</script>
<script src="https://webanalyzerapp.com/t.js" async defer></script>

What does this do? Adding this to theme.liquid means the tracker loads on every page of your store with a single paste.

Open your shared Blade layout — usually resources/views/layouts/app.blade.php
Find the </head> closing tag
Paste the snippet just before it and save — every page is now tracked

<!-- Web Analyzer App -->
<script>
  window.wa_key = 'YOUR_TRACKING_KEY';
  window.wa_auto = true;
</script>
<script src="https://webanalyzerapp.com/t.js" async defer></script>

What does this do? One snippet in your Blade layout covers your entire app — no per-page changes needed. async defer ensures it never blocks your page render.

Replace YOUR_TRACKING_KEY with your key after signing up.

Explore all platforms → Start free — no credit card