Shopware 6 & Google Analytics 4 (GA4) Integration Guide

1. Einführung

Zu verstehen, wie Kunden mit Ihrem Onlineshop interagieren, ist entscheidend für den Erfolg in der modernen digitalen Welt. Google Analytics 4 (GA4), die neueste Version von Googles Analyseplattform, bietet leistungsstarke Tools zur Verfolgung, Bewertung und Optimierung des Nutzerverhaltens. Unabhängig von der Größe Ihres Shopware 6 Shops können Sie mit GA4 datengestützte Entscheidungen treffen, die das Nutzererlebnis verbessern und den Umsatz steigern.

Dieser Leitfaden hilft Shopware 6 Nutzern bei der Integration von Google Analytics 4 in ihren Shop  unabhängig vom Entwicklungsstand. Neben den technischen Schritten gehen wir auch auf Integrationsmöglichkeiten, die Bedeutung von GA4 und die Lösung häufiger Probleme ein.

2. Warum Google Analytics 4? Vorteile verstehen

Bevor Sie mit einer Integration beginnen, ist es wichtig, die Vorteile von Google Analytics 4 zu verstehen.

Google Analytics 4 ist ein bedeutendes Upgrade gegenüber Universal Analytics (UA):

• Ereignisgesteuertes Modell: GA4 protokolliert jede Interaktion als Ereignis, nicht nur Seitenaufrufe. Diese eventbasierte Architektur bietet flexiblere und umfassendere Daten über Nutzeraktionen, einschließlich Klicks, Scrolls, Videoaufrufe und Transaktionen.
• Plattformübergreifendes Tracking: GA4 vereint Daten von Ihrer Website, mobilen Apps und anderen digitalen Plattformen in einer einzigen Property für ein vollständiges Bild Ihrer Zielgruppe.
• Datenschutzorientiert: GA4 wurde unter Berücksichtigung der Datenschutzgesetze wie DSGVO und CCPA entwickelt und ist zukunftssicher. Es funktioniert mit wenigen oder ganz ohne Cookies und bietet intelligente Datenkontrollen.
• Maschinelles Lernen & Insights: GA4 erkennt automatisch Trends und liefert Prognosen (z. B. potenzielle Umsätze eines Nutzersegments), damit Sie Ihre Marketingstrategien gezielt optimieren können.
• Bessere eCommerce-Unterstützung: GA4 ist vorkonfiguriert, um alle eCommerce-Ereignisse zu verfolgen, darunter „In den Warenkorb legen“, Produktansichten, Checkout-Prozesse und abgeschlossene Käufe.

3. Vorbereitung auf die Integration: Was Sie wissen und beachten sollten

• Aktuelle Google Analytics-Konfiguration: Wenn Sie derzeit Universal Analytics verwenden, empfiehlt Google den Umstieg auf GA4, da UA ab dem 1. Juli 2023 keine neuen Daten mehr verarbeitet. Während der Übergangszeit können GA4 und UA parallel betrieben werden.
• Plugins vs. direkte Integration: Sie können entweder den Tracking-Code manuell in Ihre Shopware-Vorlagen einfügen oder Drittanbieter-Plugins für Shopware nutzen, die speziell für GA4 entwickelt wurden. Plugins vereinfachen oft den Prozess und bieten zusätzliche Funktionen wie erweitertes eCommerce-Tracking und automatisches Ereignis-Tracking.
• Kompatibilität mit Shopware-Version: Stellen Sie sicher, dass Ihre Shopware-6-Version die von Ihnen geplante Plugin- oder manuelle Anpassungsmethode unterstützt. Ältere Shopware-Versionen müssen ggf. aktualisiert werden, um volle Kompatibilität zu gewährleisten.
• Zugriff auf Shopware-Backend und Dateien: Sie benötigen Admin-Zugriff auf das Shopware-Backend, Theme-Dateien oder die Möglichkeit, benutzerdefinierte Plugins zu erstellen, wenn Sie den GA4-Code manuell einfügen möchten.

4. Erstellen Ihrer Google Analytics 4 Property

Schritt 1: Öffnen Sie Google Analytics.

Melden Sie sich unter analytics.google.com mit Ihren Google-Kontodaten an. Um Ihnen das Folgen zu erleichtern, haben wir hier den Anmeldevorgang detailliert beschrieben.

Dies ist die erste Analytics-Seite, die Sie sehen. Klicken Sie auf die Schaltfläche „Messung starten“, um fortzufahren.

Geben Sie den Kontonamen in das erforderliche Feld ein und klicken Sie auf die Schaltfläche „Speichern“, um Ihre Änderungen zu sichern und mit den nächsten Schritten fortzufahren.

Mit Google Analytics müssen Sie anschließend den Property-Namen eingeben, die Berichtszeitzone auswählen und die Währung festlegen, um Statistiken anzeigen zu können. Klicken Sie dann auf die entsprechende Schaltfläche, um fortzufahren.

Geben Sie den Property-Namen, die Zeitzone und die Währung in Google Analytics ein, um Statistiken anzuzeigen, und klicken Sie dann auf die Schaltfläche, um fortzufahren.

Wählen Sie im letzten Schritt zur Verbindung von Google Analytics mit Shopware „Web“ als Plattform für eine einfachere und effizientere Einrichtung.

Schritt 2: Navigieren Sie zu den Admin-Einstellungen

Klicken Sie unten links auf das Zahnradsymbol, um das Admin-Panel zu öffnen.

Schritt 3: Erstellen Sie eine neue Property

• Wählen Sie in der Spalte „Konto“ Ihr bestehendes Google-Analytics-Konto aus oder erstellen Sie ein neues, falls Sie noch keines haben.
• Klicken Sie in der Spalte „Property“ auf Property erstellen.
• Geben Sie den Namen Ihres Shopware-Shops ein (z. B. „MyShopwareStore GA4“).
• Wählen Sie sorgfältig Ihre Zeitzone und Währung aus dies kann später nicht einfach geändert werden.
• Klicken Sie auf „Weiter“ und geben Sie Geschäftsinfos wie Branche und Unternehmensgröße an.

Schritt 4: Datenstream für Website einrichten

• Wählen Sie „Web“ als Plattform.
• Geben Sie die vollständige URL Ihres Shopware-Shops ein (inkl. https://).
• Benennen Sie Ihren Stream (z. B. „Shopware 6 Website“).
• Klicken Sie auf Stream erstellen.
• Sie sehen Ihre Mess-ID im Format G-XXXXXXXXXX. Diese ID identifiziert Ihre Shopware-Seite eindeutig in GA4 und ist für die Integration erforderlich.

5. GA4 mit Shopware 6 integrieren: Optionen erklärt

Es gibt zwei Hauptmethoden, um GA4-Tracking in Ihren Shopware-Shop zu integrieren:

Option A: Tracking-ID über das Shopware 6 Admin-Panel für Storefront-Analytics hinzufügen

• Schritt 1: Öffnen Sie Ihr Shopware Admin-Panel
  Melden Sie sich im Backend (Admin-Bereich) von Shopware an.
• Schritt 2: Navigieren Sie zu den Storefront-Analytics-Einstellungen
  Gehen Sie im Hauptmenü zu Einstellungen (meistens als Zahnrad-Icon dargestellt). Navigieren Sie zu Storefront oder Analytics-Einstellungen in Shopware (typischerweise unter Shop > Storefront > Analytics, abhängig von Ihrer Shopware-Version). Geben Sie im Feld „Tracking-ID“ die in Google Analytics generierte Mess-ID ein. Klicken Sie anschließend auf die Schaltfläche „Speichern“.
• Schritt 3: Optionale Einstellungen konfigurieren (falls verfügbar)
  Einige Versionen ermöglichen Ihnen die Aktivierung von Funktionen wie:
  • Erweiterte E-Commerce-Verfolgung (automatisches Aufzeichnen von Käufen und Produktinteraktionen)
  • IP-Anonymisierung (zum Schutz der Nutzerprivatsphäre)
  • Benutzerdefinierte Ereignisverfolgung
• Schritt 4: Einstellungen speichern
  Klicken Sie auf die Schaltfläche „Speichern“, um Ihre Änderungen zu übernehmen.
• Schritt 5: Cache leeren und testen
  Leeren Sie den Shopware-Cache über Einstellungen > Cache & Indizes > Cache leeren oder über das Kommandozeilen-Tool, wenn CLI-Zugriff vorhanden ist.
  Besuchen Sie anschließend Ihre Storefront und nutzen Sie die GA4-Echtzeitberichte oder die Chrome-Erweiterung „Google Tag Assistant“, um das Tracking zu überprüfen.

Warum diese Methode verwenden?

• Einfach und ohne Code: Kein manuelles Einfügen von Code oder Template-Anpassung nötig.
• Integriert: Funktioniert reibungslos, da von Shopware vorgesehen.
• Leicht zu warten: Änderungen können jederzeit über das Admin-Panel vorgenommen werden.
• Ideal für grundlegende Tracking-Anforderungen: Perfekt geeignet für E-Commerce- und Seitenaufruf-Tracking.

Option B: Manuelle Code-Integration (für fortgeschrittene Benutzer und Entwickler)

Wenn Sie volle Kontrolle oder individuelle Anpassung wünschen, können Sie den GA4-Trackingcode direkt einfügen:

<!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-XXXXXXXXXX'); </script>

• Ersetzen Sie G-XXXXXXXXXX durch Ihre tatsächliche Mess-ID.
• Öffnen Sie das Base-Twig-Template Ihres Shopware 6 Themes, in der Regel zu finden unter:
  custom/plugins/YourTheme/src/Resources/views/storefront/layout/base.html.twig
• Fügen Sie den Codeschnipsel direkt vor dem schließenden </head>-Tag ein.
• Speichern Sie die Änderungen und leeren Sie den Shopware-Cache.

6. Erweiterte eCommerce-Verfolgung aktivieren: Warum und Wie?

Die erweiterte eCommerce-Verfolgung von GA4 ermöglicht es Ihnen, mehr als nur Seitenaufrufe zu messen  sie verfolgt den gesamten Einkaufsprozess mit Ereignissen wie:

• Produktimpressionen
• Produktklicks
• Produktdetailansichten
• Zum Warenkorb hinzufügen und aus dem Warenkorb entfernen
• Beginn des Checkouts
• Kaufabschlüsse

So aktivieren Sie die Funktion in Shopware 6:

• Wenn Sie ein Plugin verwenden, überprüfen Sie die Einstellungen, um „Erweiterter eCommerce“ oder „eCommerce Tracking“ zu aktivieren, sodass diese Ereignisse automatisch erfasst werden.
• Bei manuellen Setups müssen GA4-Ereignisse ausgelöst werden, wenn Nutzer Shopping-Aktionen ausführen entweder über das Ereignissystem von Shopware oder durch benutzerdefiniertes JavaScript. Dafür sind mittlere bis fortgeschrittene Programmierkenntnisse erforderlich.

7. Ihre GA4-Integration gründlich testen

Nach der Installation des Trackings ist es entscheidend, sicherzustellen, dass die Daten korrekt übermittelt werden:

• Echtzeitberichte: Greifen Sie in Google Analytics 4 auf die Echtzeitberichte zu und besuchen Sie Ihre Shopware-Seite, um Ihre Aktivität sofort zu sehen.
• DebugView: Verwenden Sie die DebugView-Funktion von GA4 für eine detaillierte Ereignisüberwachung.
• Google Tag Assistant: Installieren Sie diese Chrome-Erweiterung, um zu überprüfen, ob die GA4-Tags auf Ihrer Seite korrekt ausgelöst werden.
• Testen von eCommerce-Ereignissen: Fügen Sie Produkte dem Warenkorb hinzu, starten Sie den Checkout und führen Sie Testbestellungen durch, um zu bestätigen, dass erweiterte eCommerce-Ereignisse korrekt erfasst werden.

Weitere wichtige Ereignisse für Shopware in GA4:

• page_view
• add_to_cart
• purchase
• user_engagement
• session_start
• view_item
• begin_checkout
• view_cart
• add_to_wishlist
• view_promotion
• select_item
• refund
• checkout_progress
• remove_from_cart

8. Zusätzliche Tipps und bewährte Verfahren

• UA und GA4 parallel betreiben: Führen Sie Universal Analytics weiterhin parallel zu GA4 aus, bis Sie sicher sind, dass GA4 vollständig konfiguriert ist, um Datenverluste während der Migration zu vermeiden.
• Plugin-Updates beibehalten: Verwenden Sie stets die neuesten Versionen von Shopware und Ihren Analytics-Plugins, um Kompatibilität und Sicherheit zu gewährleisten.
• Shopware-Cache leeren: Leeren Sie den Cache, um Änderungen an Code oder Plugins umzusetzen.
• Datenschutzkonformität überprüfen: GA4 bietet Optionen für Cookie-Einwilligungen und IP-Anonymisierung; stellen Sie sicher, dass Ihre Konfiguration der DSGVO und anderen Vorschriften entspricht.
• Berichte regelmäßig überwachen: Lernen Sie, Trends, Abbrüche und Chancen zu erkennen, indem Sie sich mit den GA4-Berichten vertraut machen.

9. Erweiterte Integration und zukünftige Upgrades

Durch die Integration von GA4 mit dem Google Tag Manager (GTM) können Sie mehrere Tags wie Facebook Pixel, Google Ads Conversion Tracking und benutzerdefinierte Skripte problemlos verwalten, ohne erneut Shopware-Code anfassen zu müssen.

Offizielle GA4-Plugins könnten künftig neue Funktionen wie automatisches Event-Mapping oder die Integration mit Shopwares Kunden- und Bestelldaten enthalten.

Da GA4 ständig mit neuen Funktionen weiterentwickelt wird, bleiben Sie mit den Ankündigungen von Google Analytics auf dem Laufenden.