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.

Ücretsiz Başlayın — Karta Gerek Yok Fiyatlandırmayı Görüntüle

2 KB izleyici Varsayılan olarak çerez içermez GDPR ve CCPA'ya hazır Gerçek zamanlı veriler Sonsuza kadar ücretsiz plan

2 KB

Gzip'li izleyici boyutu

< 1 ms

Ana iş parçacığı etkisi

Varsayılan olarak çerezler

∞

Ücretsiz plan web siteleri

Why Next.js users switch

Çözmek için yarattığımız sorunlar

🔄

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.

İhtiyacınız olan her şey

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.

Son derece basit kurulum

2 dakikadan kısa sürede kurulum

Yüklenecek SDK yok. Oluşturma adımı yok. Sadece 2 satırı yapıştırın ve veri akışına başlayın.

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

Yer değiştirmek YOUR_KEY kontrol panelinizdeki izleme anahtarınızla. Ücretsiz bir hesap oluşturun →

Basit fiyatlandırma

Start free. Upgrade when you're ready.

Sözleşme yok. Sürpriz fatura yok. İstediğiniz zaman iptal edin.

Ücretsiz

₺0 /ay

Sonsuza kadar özgür. Kredi kartı gerekmez.

1 web sitesi
1.000.000 etkinlik / ay
Oturumlar, ziyaretçiler ve sayfa analizleri
Özel etkinlik takibi
Trafik kaynakları ve UTM ilişkilendirmesi
Site arama analitiği
2 dönüşüm hedefi
2 PDF raporu / ay
SEO denetimleri (25 sayfa)
Çalışma süresi izleme (30 dakikalık kontroller)

Ücretsiz Başlayın

En Popüler

Pro

Aylık Yıllık 2 ay tasarruf edin

İlk ay ücretsiz, ikinci ay %50 indirim

₺199,99 /ay

Daha sonra ₺399,99/ay · Sözleşme yok · İstediğiniz zaman iptal edin

İlk ay ücretsiz, ardından yıllık olarak faturalandırılır

₺3.999,99 /yıl

₺333,33/ay · 2 ay ücretsiz · İstediğiniz zaman iptal edin

10 web sitesi
Sınırsız etkinlik
Herşey Ücretsiz
Sınırsız hedef ve dönüşüm hunileri
Sınırsız PDF raporu
Sınırsız SEO denetimi (500 sayfa)
Google Analytics 4'ü içe aktarma
Kohort elde tutma analizi
Çalışma süresi izleme (5 dakikalık kontroller)
Geliştirici REST API'si ve API anahtarları
Yapay zeka destekli haftalık bilgiler
Web Verileri izleme
Google Arama Konsolu entegrasyonu
Ekip işbirliği (en fazla 5)

Ücretsiz Denemeyi Başlat →

Stripe aracılığıyla güvenli ödemeler · 7 günlük para iade garantisi · İstediğiniz zaman iptal edin

Tam plan karşılaştırmasını görün →

Profesyonel Hizmetler

Başlamak için yardıma mı ihtiyacınız var?

Sizin için her şeyi ayarlayabiliriz. Biz teknik tarafı ele alırken siz işinize odaklanın.

Web Sitesi Kurulumu

İzleyiciyi yüklüyoruz, web sitenize hedefleri, dönüşüm hunilerini ve çalışma süresi izlemeyi yapılandırıyoruz. 24 saat içinde yola çıkmaya hazır.

$99 bir kerelik

Başlayın

Mobil Uygulama Kurulumu

iOS veya Android uygulamanız için tam analiz entegrasyonu. Etkinlik izleme, kullanıcı yolculukları ve dönüşüm hunilerinin tümü yapılandırılmıştır.

$199 bir kerelik

Başlayın

Girişim

İşletmenize özel çözümler. Özel katılım, özel entegrasyonlar, SLA ve öncelikli destek.

Gelenek fiyatlandırma

Bize Ulaşın

Web Analyzer App

Trafiğinizi net bir şekilde görün

2 KB'lık bir komut dosyasıyla gizlilik öncelikli analizler. Çerez yok, izin banner'ı yok. Sonsuza kadar özgür.

Gerçek zamanlı Çerez yok GDPR 2 KB

Ücretsiz Başlayın

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