Kurzfassung: Ein SaaS-Analytics-Stack besteht aus drei Schichten: Produkt-Analytics (PostHog, Amplitude), Geschäfts-Analytics (Stripe, ChartMogul) und Web-Analytics (Plausible, Cloudflare Web Analytics). Dieser Guide behandelt die Tool-Auswahl, die Event-Tracking-Architektur mit TanStack Start sowie das Einrichten eines Metrik-Dashboards.
Einleitung
Was man nicht misst, kann man nicht verbessern. Für SaaS bedeutet das: Nutzerverhalten verstehen (Produkt-Analytics), Umsatztrends analysieren (Geschäfts-Analytics) und Akquisitionskanäle nachvollziehen (Web-Analytics). Die Herausforderung liegt darin, Tools zu wählen, die zusammenarbeiten, ohne Datensilos zu erzeugen.
Der ideale Stack ist datenschutzfreundlich, in der Anfangsphase kosteneffizient und exportierbar in die eigene Datenbank.
Drei-Schichten-Architektur für Analytics
| Schicht | Tool | Monatliche Kosten | Wichtige Metriken |
|---|---|---|---|
| Web-Analytics | Plausible | $10–20 | Seitenaufrufe, Absprungrate, Referrals |
| Produkt-Analytics | PostHog (Self-Host) | $0–100 | Events, Funnels, Retention |
| Geschäfts-Analytics | ChartMogul + Stripe | $50–100 | MRR, ARR, LTV, Churn |
| Eigenes Data Warehouse | D1 oder ClickHouse | Inhouse | Alle Events, benutzerdefinierte Abfragen |
Event-Tracking einrichten
import posthog from 'posthog-js'
// Signup-Event erfassen
posthog.capture('user_signed_up', {
plan: 'pro',
referral_source: 'organic',
company_size: '1-5',
})
// Feature-Nutzung erfassen
posthog.capture('feature_used', {
feature: 'analytics_export',
user_id: user.id,
})
Metrik-Dashboard mit TanStack Table
function MetricsDashboard() {
const { data } = useQuery({
queryKey: ['metrics', 'monthly'],
queryFn: () => fetchMonthlyMetricsFn({ data: { months: 12 } }),
})
return (
<div className="grid grid-cols-4 gap-4">
<MetricCard label="MRR" value={data.mrr} prefix="$" />
<MetricCard label="ARR" value={data.arr} prefix="$" />
<MetricCard label="Net New MRR" value={data.netNewMrr} prefix="$" />
<MetricCard label="Logo Count" value={data.logoCount} />
<MetricCard label="NRR" value={data.nrr} suffix="%" />
<MetricCard label="Gross Churn" value={data.grossChurn} suffix="%" />
</div>
)
}
Fazit
Ein dreistufiger Analytics-Stack verschafft Ihnen vollständige Transparenz über Ihr SaaS. Beginnen Sie mit kostenlosen Versionen und rüsten Sie mit dem Wachstum auf. Entscheidend sind konsistentes Event-Naming und eine Exportstrategie für Ihre eigenen Daten. Für vertiefende Einblicke lesen Sie unseren Guide zu SaaS-Monitoring und Observability sowie die PostHog-Setup-Referenz.