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.

Start Free — No Card Required View Pricing

2 KB tracker Cookie-free by default GDPR & CCPA ready Real-time data Free forever plan

2 KB

Gzipped tracker size

< 1 ms

Main thread impact

Cookies by default

∞

Free plan websites

Why Next.js users switch

The problems we were built to solve

🔄

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.

Everything you need

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.

Dead-simple setup

Set up in under 2 minutes

No SDK to install. No build step. Just paste 2 lines and data starts flowing.

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;
}

Replace YOUR_KEY with your tracking key from your dashboard. Create a free account →

Simple pricing

Start free. Upgrade when you're ready.

No contracts. No surprise bills. Cancel anytime.

Free

$0 /month

Forever free. No credit card required.

1 website
1,000,000 events / month
Sessions, visitors & page analytics
Custom event tracking
Traffic sources & UTM attribution
Site search analytics
2 conversion goals
2 PDF reports / month
SEO audits (25 pages)
Uptime monitoring (30-min checks)

Get Started Free

Pro

Monthly Yearly Save 2 months

First month free, then 50% off your second

$7.49 /mo

then $14.99/month · No contracts · Cancel anytime

First month free, then billed annually

$149.99 /year

$12.50/month · 2 months free · Cancel anytime

10 websites
Unlimited events
Everything in Free
Unlimited goals & conversion funnels
Unlimited PDF reports
Unlimited SEO audits (500 pages)
Google Analytics 4 import
Cohort retention analysis
Uptime monitoring (5-min checks)
Developer REST API & API keys
AI-powered weekly insights
Web Vitals monitoring
Google Search Console integration
Team collaboration (up to 5)

Start Free Trial →

Secure payments via Stripe · 7-day money-back guarantee · Cancel anytime

See full plan comparison →

Professional Services

Need help getting started?

We can set up everything for you. Focus on your business while we handle the technical side.

Website Setup

We install the tracker, configure goals, funnels, and uptime monitoring on your website. Ready to go in 24 hours.

$99 one-time

Get Started

Mobile App Setup

Full analytics integration for your iOS or Android app. Event tracking, user journeys, and conversion funnels — all configured.

$199 one-time

Get Started

Enterprise

Custom solutions for your business. Dedicated onboarding, custom integrations, SLA, and priority support.

Custom pricing

Web Analyzer App

See your traffic clearly

Privacy-first analytics with a 2 KB script. No cookies, no consent banners. Free forever.

Real-time No cookies GDPR 2 KB

Get Started Free

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