Analytics Setup Guide

Schritt-für-Schritt Anleitung zur Einrichtung von Google Analytics und Search Console für die Baufinanzierungs-Website

Setup-Schritte

Folgen Sie diesen Schritten, um Analytics und Tracking korrekt einzurichten

1

Google Analytics 4 einrichten

Erstellen Sie ein GA4-Property für die Website

Google Analytics Konto erstellen oder bestehend nutzen
Neue GA4-Property für "hypofact-brilon.de" anlegen
Measurement ID (G-XXXXXXXXXX) notieren
DSGVO-konforme Einstellungen aktivieren
2

Google Search Console

Website bei Google Search Console anmelden

Search Console aufrufen: console.cloud.google.com
Property für "https://www.hypofact-brilon.de" hinzufügen
Inhaberschaft per DNS oder HTML-Datei bestätigen
Sitemap.xml einreichen: /sitemap.xml
3

Code-Integration

Analytics-Code in die Website einbauen

GA_MEASUREMENT_ID in Analytics.tsx ersetzen
Analytics Komponente in Layout einbinden
Cookie-Banner Funktionalität testen
Tracking-Events implementieren
4

Ziele und Conversions

Wichtige Conversions definieren und tracken

Kontaktformular-Übermittlungen als Conversion
Telefonanrufe über Click-to-Call
Rechner-Nutzung als Engagement-Event
Download von Checklisten tracken

Wichtige Metriken

Diese KPIs sollten Sie regelmäßig überwachen

Seitenaufrufe

Anzahl der besuchten Seiten

Basis-Metrik für Traffic-Entwicklung

Unique Visitors

Anzahl einzigartiger Besucher

Reichweite und Zielgruppen-Größe

Conversion Rate

Anteil der Besucher, die eine Aktion ausführen

Effektivität der Website

Verweildauer

Durchschnittliche Zeit auf der Website

Content-Qualität und Nutzer-Engagement

Klickrate (CTR)

Verhältnis von Klicks zu Impressionen

SEO-Performance und Content-Relevanz

Event-Tracking Implementation

Wichtige Events für die Baufinanzierungs-Website

Rechner-Nutzung

Engagement

Wenn Benutzer einen Rechner verwendet

trackCalculatorUsage('zinsrechner')

Formular-Übermittlung

Conversion

Bei Absenden von Kontakt- oder Anfrageformular

trackFormSubmission('kontaktformular')

Telefon-Klick

Contact

Klick auf Telefonnummer

trackPhoneClick()

Download

Engagement

Download von Checklisten oder Dokumenten

trackDownload('checkliste-unterlagen.pdf')

CTA-Klick

Conversion

Klick auf Call-to-Action Buttons

trackCTAClick('hero_beratung')

DSGVO-konforme Einstellungen

Diese Einstellungen gewährleisten Datenschutz-Compliance

IP-Anonymisierung

anonymize_ip: true

IP-Adressen werden anonymisiert gespeichert

Cookie-Einstellungen

cookie_flags: "SameSite=None;Secure"

Sichere Cookie-Übertragung

Datenspeicherung

ad_storage: "denied"

Keine Werbe-Daten ohne Einwilligung

Datenaufbewahrung

26 Monate (Standard)

Automatische Löschung nach Ablauf

Code-Integration

So integrieren Sie Analytics in die Website

1. Analytics Komponente in Layout einbinden

// src/app/layout.tsx
import Analytics from '@/components/Analytics'

export default function RootLayout({ children }) {
  return (
    <html lang="de">
      <body>
        <Layout>{children}</Layout>
        <CookieBanner />
        <Analytics />
      </body>
    </html>
  )
}

2. Event-Tracking in Komponenten

// Beispiel: Kontaktformular
import { trackFormSubmission } from '@/components/Analytics'

const handleSubmit = (e) => {
  e.preventDefault()
  // Formular verarbeiten...
  trackFormSubmission('kontaktformular')
}

3. Measurement ID konfigurieren

// src/components/Analytics.tsx
const GA_MEASUREMENT_ID = 'G-XXXXXXXXXX' // Ihre echte ID hier eintragen

Nächste Schritte

Nach der Einrichtung sollten Sie diese Aufgaben erledigen

Testing

Testen Sie alle Tracking-Events und prüfen Sie die Datenübertragung in der Google Analytics Echtzeitansicht.

Monitoring

Überwachen Sie die wichtigsten KPIs wöchentlich und erstellen Sie monatliche Reports zur Performance.

Optimierung

Nutzen Sie die Daten zur kontinuierlichen Verbesserung von Content und User Experience.

Compliance

Prüfen Sie regelmäßig die DSGVO-Compliance und aktualisieren Sie bei Bedarf die Datenschutzerklärung.