E-Commerce Tracking in GA4 unterscheidet sich von Universal Analytics, und die Migration ist nicht unkompliziert. Viele E-Commerce-Websites haben GA4 installiert, sammeln aber nicht die Daten, die sie benötigen. Dieser Leitfaden behandelt die korrekte Implementierung von Anfang bis Ende.
Wichtigste Erkenntnisse
- Vier Events sind unverzichtbar — Implementieren Sie mindestens
view_item,add_to_cart,begin_checkoutundpurchase, bevor Sie weitere hinzufügen. - Data Layer verwenden — Ein JavaScript Data Layer trennt Produktdaten von der Tracking-Logik und macht die Implementierung sauberer und leichter zu debuggen.
- Ecommerce-Objekt immer leeren — Pushen Sie
{ ecommerce: null }vor jedem neuen Event, um Datenübertragung zwischen Events zu verhindern. - Vor dem Go-Live testen — Verwenden Sie den GTM-Vorschaumodus und GA4 DebugView, um zu überprüfen, dass jedes Event mit korrekten Parametern ausgelöst wird.
Warum GA4 E-Commerce Tracking wichtig ist
Ohne ordnungsgemäßes E-Commerce Tracking fliegen Sie blind:
- Sie können nicht sehen, welche Produkte den Umsatz steigern
- Sie können den wahren ROAS in Google Ads nicht berechnen
- Sie können nicht erkennen, wo Benutzer im Kauf-Funnel abbrechen
- Sie können das Kundenverhalten nicht nach Produktkategorie oder Preis analysieren
Das E-Commerce Tracking von GA4 liefert Ihnen die Daten, um diese Fragen zu beantworten – aber nur, wenn es korrekt implementiert ist.
Übersicht der GA4 E-Commerce Events
GA4 verwendet einen vordefinierten Satz von E-Commerce Events. Sie müssen nicht alle davon verwenden, aber bestimmte Events sind unerlässlich:
Erforderliche Events
| Event | Wann auszulösen | Zweck |
|---|---|---|
view_item | Benutzer ruft eine Produktseite auf | Tracking des Produktinteresses |
add_to_cart | Benutzer legt Artikel in den Warenkorb | Analyse des Warenkorbverhaltens |
begin_checkout | Benutzer beginnt den Checkout-Prozess | Funnel-Analyse |
purchase | Transaktion abgeschlossen | Umsatz- und Konversions-Tracking |
Empfohlene Events
| Event | Wann auszulösen | Zweck |
|---|---|---|
view_item_list | Benutzer sieht Kategorie-/Kollektionsseite | Muster der Produktfindung |
select_item | Benutzer klickt auf ein Produkt aus einer Liste | Click-through von Listen |
remove_from_cart | Benutzer entfernt Artikel aus dem Warenkorb | Analyse des Warenkorbabbruchs |
add_shipping_info | Benutzer gibt Versanddetails ein | Tracking der Checkout-Schritte |
add_payment_info | Benutzer gibt Zahlungsdetails ein | Tracking der Checkout-Schritte |
Optionale Events
| Event | Wann auszulösen | Zweck |
|---|---|---|
view_cart | Benutzer ruft Warenkorbseite auf | Engagement auf der Warenkorbseite |
view_promotion | Benutzer sieht ein Promotionsbanner | Effektivität der Promotion |
select_promotion | Benutzer klickt auf eine Promotion | Click-through der Promotion |
refund | Transaktion wird erstattet | Umsatzgenauigkeit |
Priorität: Bringen Sie zuerst die vier erforderlichen Events zum Laufen. Fügen Sie andere bei Bedarf hinzu.
Der Data Layer Ansatz
Die sauberste Implementierung verwendet einen Data Layer – ein JavaScript-Objekt, das Ihre Website mit Produktdaten füllt, die GTM dann liest.
Was ist der Data Layer?
Der Data Layer ist ein JavaScript-Array, das strukturierte Daten speichert:
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
event: 'view_item',
ecommerce: {
currency: 'EUR',
value: 59.99,
items: [{
item_id: 'SKU-12345',
item_name: 'Blue Running Shoes',
item_brand: 'Nike',
item_category: 'Shoes',
price: 59.99,
quantity: 1
}]
}
});
Wenn dieser Code auf Ihrer Produktseite ausgeführt wird, werden die Produktdaten an den Data Layer übermittelt. GTM überwacht das view_item Event und sendet es zusammen mit allen Artikeldetails an GA4.
Warum den Data Layer verwenden?
Trennung der Belange: Ihre Entwickler füllen die Daten, Ihr Analytics-Setup liest sie. Änderungen am Tracking erfordern keine Code-Deploys.
Konsistenz: Alle Plattformen (GA4, Google Ads, Meta) können aus demselben Data Layer lesen.
Debugging: Sie können den Data Layer in den Browser-Entwicklertools überprüfen, um Daten vor dem Senden zu verifizieren.
Erforderliche Parameter für jedes Event
GA4 erwartet spezifische Parameter bei jedem E-Commerce Event. Hier ist, was erforderlich ist:
view_item
dataLayer.push({
event: 'view_item',
ecommerce: {
currency: 'EUR',
value: 29.99,
items: [{
item_id: 'SKU-001',
item_name: 'Product Name',
price: 29.99,
quantity: 1
}]
}
});
add_to_cart
dataLayer.push({
event: 'add_to_cart',
ecommerce: {
currency: 'EUR',
value: 29.99,
items: [{
item_id: 'SKU-001',
item_name: 'Product Name',
price: 29.99,
quantity: 1
}]
}
});
begin_checkout
dataLayer.push({
event: 'begin_checkout',
ecommerce: {
currency: 'EUR',
value: 89.97,
items: [
{
item_id: 'SKU-001',
item_name: 'Product 1',
price: 29.99,
quantity: 1
},
{
item_id: 'SKU-002',
item_name: 'Product 2',
price: 59.98,
quantity: 2
}
]
}
});
purchase
dataLayer.push({
event: 'purchase',
ecommerce: {
transaction_id: 'T-12345',
value: 89.97,
tax: 14.99,
shipping: 5.99,
currency: 'EUR',
items: [
{
item_id: 'SKU-001',
item_name: 'Product 1',
price: 29.99,
quantity: 1
},
{
item_id: 'SKU-002',
item_name: 'Product 2',
price: 29.99,
quantity: 2
}
]
}
});
Kritisch: Die transaction_id bei Kauf-Events muss eindeutig sein. Duplizierte transaction_IDs werden von GA4 dedupliziert.
Optionale Artikelparameter
Erweitern Sie Ihr Reporting mit zusätzlichen Artikelparametern:
| Parameter | Beschreibung |
|---|---|
item_brand | Produktmarke |
item_category | Primäre Kategorie |
item_category2 | Unterkategorie |
item_category3 | Unter-Unterkategorie |
item_variant | Größe, Farbe usw. |
discount | Angewendeter Rabattbetrag |
coupon | Verwendeter Coupon-Code |
GTM Konfiguration
Schritt 1: Data Layer Variablen erstellen
In GTM erstellen Sie Variablen, um aus dem Data Layer zu lesen:
Variable: E-Commerce Artikel
- Typ: Data Layer Variable
- Name:
ecommerce.items
Variable: E-Commerce Wert
- Typ: Data Layer Variable
- Name:
ecommerce.value
Variable: E-Commerce Währung
- Typ: Data Layer Variable
- Name:
ecommerce.currency
Variable: Transaction ID
- Typ: Data Layer Variable
- Name:
ecommerce.transaction_id
Schritt 2: Trigger erstellen
Erstellen Sie benutzerdefinierte Event-Trigger für jedes E-Commerce Event:
Trigger: view_item
- Typ: Benutzerdefiniertes Event
- Event-Name:
view_item
Trigger: add_to_cart
- Typ: Benutzerdefiniertes Event
- Event-Name:
add_to_cart
Trigger: begin_checkout
- Typ: Benutzerdefiniertes Event
- Event-Name:
begin_checkout
Trigger: purchase
- Typ: Benutzerdefiniertes Event
- Event-Name:
purchase
Schritt 3: GA4 Event Tags erstellen
Erstellen Sie für jedes Event einen GA4 Event Tag:
Tag: GA4 - view_item
- Typ: Google Analytics: GA4 Event
- Konfigurations-Tag: [Ihr GA4 Konfigurations-Tag]
- Event-Name:
view_item - Event-Parameter:
currency: {{Ecommerce Währung}}value: {{Ecommerce Wert}}items: {{Ecommerce Artikel}}
- Trigger: view_item
Wiederholen Sie dies für add_to_cart, begin_checkout und purchase.
Für das purchase Event fügen Sie zusätzliche Parameter hinzu:
transaction_id: {{Transaction ID}}shipping: {{E-Commerce Versand}}tax: {{E-Commerce Steuer}}
Schritt 4: Ecommerce Objekt leeren
Wichtig: Leeren Sie das ecommerce Objekt vor jedem Push, um ein Überschreiben von Daten zwischen Events zu verhindern:
dataLayer.push({ ecommerce: null });
dataLayer.push({
event: 'add_to_cart',
ecommerce: {
// ... your data
}
});
Oder erstellen Sie einen einzelnen Tag in GTM, der bei allen E-Commerce Events ausgelöst wird und zuerst ecommerce: null setzt.
{ ecommerce: null } fließen Daten aus vorherigen Events in nachfolgende Events ein und verfälschen Ihr Reporting.
Plattformspezifische Implementierung
Shopify
Die native GA4 Integration von Shopify handhabt grundlegendes Tracking, aber für vollständige E-Commerce-Daten:
- Verwenden Sie den integrierten Google-Kanal von Shopify für die grundlegende Einrichtung
- Für erweitertes Tracking verwenden Sie eine dedizierte App wie Elevar oder Analyzify
- Benutzerdefinierte Implementierungen erfordern die Customer Events API von Shopify (erfordert Entwicklung)
WooCommerce
Mehrere Plugins handhaben GA4 E-Commerce:
- GTM4WP: Kostenlos, zuverlässig, inklusive Data Layer Ausgabe
- Pixel Manager for WooCommerce: Mehr Funktionen, inklusive Server-Side-Unterstützung
- MonsterInsights: Benutzerfreundlich, aber begrenzte Flexibilität
Manuelle Implementierung erfordert das Einhängen in WooCommerce-Aktionen und das Ausgeben von Data Layer Pushes.
Benutzerdefinierte Plattformen
Für benutzerdefinierte E-Commerce-Plattformen:
- Arbeiten Sie mit Ihrem Entwicklungsteam zusammen, um Data Layer Pushes auf relevanten Seiten auszugeben
- Stellen Sie sicher, dass Produktdaten serverseitig oder über API verfügbar sind
- Gründlich in Staging-Umgebung testen, bevor Sie in Produktion gehen
Testen und Debugging
Testen im Vorschaumodus
- Aktivieren Sie den GTM Vorschaumodus
- Navigieren Sie durch Ihre Website: Produktseite → in den Warenkorb legen → Checkout → Kauf
- Verifizieren Sie, dass jedes Event mit korrekten Daten ausgelöst wird
Klicken Sie im Vorschaumodus auf jedes Event und erweitern Sie den Tab “Data Layer”, um die genau übergebenen Daten zu sehen.
GA4 DebugView
- Gehen Sie in GA4 zu Admin → DebugView
- Aktivieren Sie Debugging in GTM (kreuzen Sie “Enable debug mode” in Ihrem GA4 Konfigurations-Tag an)
- Beobachten Sie, wie Events in Echtzeit erscheinen, wenn Sie sie auslösen
DebugView zeigt Ihnen genau, was GA4 empfängt, einschließlich aller Parameter.
Gängige Testszenarien
Testen Sie diese Szenarien, bevor Sie live gehen:
| Szenario | Was zu überprüfen ist |
|---|---|
| Single product purchase | Alle Artikeldaten korrekt, transaction_id eindeutig |
| Multi-product purchase | Alle Artikel enthalten, Gesamtwert korrekt |
| Product with variants | Variantendaten erfasst |
| Purchase with discount | Rabatt oder Coupon erfasst |
| Guest checkout | Events werden auch ohne Benutzeranmeldung ausgelöst |
| Returning customer | Keine doppelten Transaktionen |
Google Tag Assistant
Installieren Sie die Tag Assistant Chrome Erweiterung für Echtzeit-Tag-Debugging. Sie zeigt alle gesendeten GA4 Events an und markiert potenzielle Probleme.
Häufige Fehler, die das Reporting beeinträchtigen
Fehlende oder falsche Währung
Wenn currency fehlt oder falsch ist, kann GA4 den Umsatz nicht ordnungsgemäß aggregieren. Verifizieren Sie, dass die Währung mit jedem Event übergeben wird, das einen value enthält.
Doppelte Transaktionen
Wenn Ihre Dankeseite aktualisiert oder als Lesezeichen gespeichert werden kann, kann das purchase Event mehrmals ausgelöst werden. Lösungen:
- Verwenden Sie Session Storage, um zu verfolgen, ob der Kauf bereits gesendet wurde
- Implementieren Sie serverseitiges Tracking, das nur einmal pro Transaktion ausgelöst wird
- Verwenden Sie die transaction_id-Deduplizierung (GA4 dedupliziert automatisch, wenn IDs übereinstimmen)
Items Array Format
Der items Parameter muss ein Array sein, auch bei einzelnen Produkten. Dies ist falsch:
items: { item_id: 'SKU-001' } // Wrong - object
Dies ist korrekt:
items: [{ item_id: 'SKU-001' }] // Correct - array
Value-Fehlübereinstimmung
Der value Parameter sollte der Summe der Artikelpreise × Mengen entsprechen. Fehlübereinstimmungen verwirren das Reporting.
Fehlende Data Layer Löschung
Ohne das Leeren des ecommerce Objekts zwischen den Pushes fließen frühere Event-Daten in nachfolgende Events ein. Pushen Sie immer { ecommerce: null } vor jedem neuen Event.
Preis als String
Preise sollten Zahlen sein, keine Strings:
price: '29.99' // Wrong - string
price: 29.99 // Correct - number
Auslösen bei Seitenaufbau statt bei Aktion
add_to_cart sollte ausgelöst werden, wenn der Benutzer auf “In den Warenkorb” klickt, nicht wenn die Seite mit bereits im Warenkorb befindlichen Artikeln geladen wird.
Daten in GA4 verifizieren
Nach der Implementierung verifizieren Sie, dass die Daten korrekt fließen:
Echtzeitbericht
Gehen Sie zu Berichte → Echtzeit und suchen Sie nach Ihren E-Commerce Events. Sie sollten view_item, add_to_cart usw. erscheinen sehen, während Sie testen.
Monetarisierungsberichte
Nach 24-48 Stunden Datenerfassung überprüfen Sie:
- Monetarisierung → E-Commerce-Käufe: Transaktions- und Umsatzdaten
- Monetarisierung → Checkout-Journey: Funnel von Ansicht bis Kauf
Checkliste zur E-Commerce-Datenqualität
- Umsatzsummen stimmen mit Ihrem Bestellsystem überein
- Produktnamen werden korrekt angezeigt
- Kategorien sind gefüllt und konsistent
- Transaction IDs sind eindeutig
- Währung ist korrekt
Integration mit Google Ads
Ordnungsgemäßes GA4 E-Commerce Tracking ermöglicht:
- Konversionen in Google Ads importieren zur Optimierung
- Wahren ROAS berechnen basierend auf tatsächlichem Umsatz
- Zielgruppen aufbauen basierend auf Kaufverhalten
- Dynamisches Remarketing mit Produkt-Feeds
Für Best Practices zum Google Ads Conversion Tracking finden Sie weitere Informationen in unserer GA4 Reporting Checkliste.
Serverseitige Überlegungen
Für eine verbesserte Datenqualität ziehen Sie serverseitiges Tracking in Betracht:
- Zuverlässiger als browserbasiertes Tracking (immun gegen Ad-Blocker)
- Bessere Daten für Conversion APIs (Google, Meta)
- Erforderlich für genaues iOS Tracking nach ATT
Für Details zur serverseitigen Implementierung siehe unseren Leitfaden zum GTM Server-Side Tracking.
Hilfe beim E-Commerce Tracking erhalten
E-Commerce Tracking ist eine der komplexesten Analytics-Implementierungen. Falsch durchgeführt, haben Sie unzuverlässige Daten und fehlerhafte Optimierungssignale.
Wenn Sie Diskrepanzen zwischen GA4 und Ihrer E-Commerce-Plattform, fehlende Umsatzdaten oder fehlerhafte Funnel-Berichte feststellen, kontaktieren Sie uns für ein Tracking-Audit.
Wir diagnostizieren Ihr aktuelles Setup, identifizieren Lücken und implementieren Tracking, das tatsächlich funktioniert – damit Sie den Daten vertrauen können, die Ihre Entscheidungen leiten.
Für ein umfassenderes GA4 Reporting Setup können wir sicherstellen, dass Ihr gesamtes Analytics-Fundament solide ist.
Quellen
- GA4 E-Commerce-Event-Referenz — Google Analytics-Hilfe
- Empfohlene Events für E-Commerce — Google Analytics-Hilfe
- Google Tag Manager Data Layer Dokumentation — Google Developers