Serverseitiges Shopify-Tracking konfigurieren

In diesem Handbuch findest du eine umfassende Anleitung zur Implementierung von serverseitigem Tracking in deinem Shopify-Shop mithilfe von TAGGRS und Google Tag Manager (GTM). Es wurde für Entwickler und technische Teams entwickelt und ermöglicht es Ihnen, genauere Erstanbieterdaten zu sammeln, die Einhaltung der DSGVO sicherzustellen, die Leistung der Website zu verbessern, Werbeblockern zu widerstehen und von einer längeren Lebensdauer von Cookies zu profitieren.

Voraussetzungen

Ein Google Analytics 4-Konto, das mit Ihrem GTM-Konto verknüpft ist.
Ein funktionierender Shopify Data Layer auf Ihrer Website.
Schauen Sie sich unseren Leitfaden an Richten Sie eine Datenebene in Shopify ein.
Ein TAGGRS-Konto und ein Servercontainer.
Sie können sich kostenlos registrieren.
Von TAGGRS verwaltetes Hosting für Ihren Servercontainer.

Richten Sie Ihre Shopify-Datenebene ein

Installieren Sie die TAGGRS Shopify Data Layer App aus dem Shopify App Store für ein nahtloses, GA4-kompatibles Event-Tracking.
Stellen Sie sicher, dass wichtige E-Commerce-Ereignisse (Produktansichten, Hinzufügen zum Warenkorb, Käufe) auf die Datenebene übertragen werden.

Erstelle und konfiguriere dein TAGGRS-Konto

Melde dich bei TAGGRS an und erstelle einen neuen Servercontainer.
Aktualisieren Sie Ihre DNS-Einstellungen so, dass Ihre gewählte Subdomain (z. B. sst.yourdomain.com) auf TAGGRS verweist. Folgen Sie dazu den Anweisungen im Dashboard.

Google Tag Manager-Container vorbereiten

Erstellen Sie in GTM sowohl einen Web- als auch einen Servercontainer.
Verknüpfen Sie Ihre GA4-Eigenschaft mit dem Web-Container.
Laden Sie im TAGGRS-Dashboard die serverseitige Tracking-Vorlage (JSON-Dateien) von Shopify für beide Container herunter.

Vorlagen in GTM importieren

Importieren Sie die Web-Container-Vorlage in Ihren GTM-Webcontainer.
Importieren Sie die Servercontainer-Vorlage in Ihren GTM-Servercontainer.
Pausiere oder entferne alle unnötigen Tags, um Konflikte zu vermeiden (z. B. ältere Facebook-Pixel-Tags, wenn du jetzt die Conversion-API verwendest).

Variablen und Plattformintegrationen konfigurieren

Fügen Sie in GTM die erforderlichen Variablen hinzu (z. B. TAGGRS Container ID, plattformspezifische IDs).
Richten Sie Tags und Trigger für Plattformen wie GA4, Google Ads, Meta CAPI usw. ein.
Fügen Sie für fortgeschrittene Anwendungsfälle nach Bedarf Profit-Tracking oder andere TAGGRS-Tools hinzu.

Testen und debuggen Sie Ihr Setup

Verwenden Sie den GTM-Vorschaumodus für beide Container.
Fügen Sie Ihre Server-Container-Subdomain zur Liste der Container-URLs in den Servercontainer-Einstellungen hinzu.
Führen Sie Testaktionen durch (z. B. add_to_cart, purchase) und bestätigen Sie, dass Ereignisse sowohl in GTM als auch in Ihren Analyse-Dashboards empfangen werden.
Prüfen Sie, ob die Event-Deduplizierung und der Datenfluss korrekt sind.

Troubleshooting

Selbst mit einer korrekten Einrichtung kann sich das serverseitige Tracking von Shopify manchmal unerwartet verhalten. Im Folgenden findest du die häufigsten Probleme und wie du sie lösen kannst.

1. Kauf oder `beginnen_auschecken` Ereignisse werden nicht ausgelöst

Problem: Kauf- oder Checkout-Ereignisse werden nicht wie erwartet ausgelöst.
Lösung: Überprüfe deine Pixel für Kundenereignisse Einstellungen in Shopify:

1. Gehe zu Shopify-Adminbereich → Einstellungen → Datenschutz für Kunden
2. Stellen Sie die Datenschutzeinstellung auf Nicht erforderlich

Wenn diese Einstellung Erforderlich, Shopify blockiert den Code, der zum Auslösen von E-Commerce-Events benötigt wird.

2. Die Servercontainer-Vorschau stoppt für Checkout- und Kaufveranstaltungen

Problem: beginnen_auschecken oder kaufen Ereignisse werden in der serverseitigen Vorschau nicht angezeigt.
Lösung:
1. Schließen Sie das vollständig Clientseitige GTM-Vorschau
2. Öffne nur die Serverseitige Vorschau in einem Browser-Tab
3. Öffnen Sie Ihren Shopify-Shop in einem separaten Tab
4. Aktualisieren Sie die Shop-Seite und suchen Sie nach einem Seitenansicht Ereignis in der Servervorschau
5. Stellen Sie vor dem Testen sicher, dass beide Container veröffentlicht sind
6. Wenn beide Vorschauen geöffnet sind, kann dies die Weiterleitung von Ereignissen beeinträchtigen.

3. Der Meta- oder Pinterest-Shopping-Feed wird nach dem Entfernen der Pixel unterbrochen

Problem: Dein Produktfeed für Meta (Facebook) oder Pinterest funktioniert nicht mehr, nachdem du ihre Pixel in Shopify getrennt hast.
Lösung:
1. Erstelle ein Dummy-Pixel in Meta oder Pinterest
2. Verbinde dieses Dummy-Pixel mit der Shopify-App
3. Halte dein Hauptpixel über den serverseitigen Container verbunden.

Dadurch kann der Shopping-Feed verknüpft bleiben, während das gesamte echte Tracking serverseitig läuft.

4. Im Servervorschaumodus werden keine Ereignisse angezeigt

Problem: In der serverseitigen Vorschau werden trotz korrekter Einrichtung keine Ereignisse angezeigt.
Lösung: Die Google- und YouTube-App in Shopify kann das serverseitige Tracking außer Kraft setzen.

1. Gehe zu Shopify-Adminbereich → Apps → Google und YouTube.
2. Trennen Sie Google Analytics 4 von dieser App.

Diese App sendet Ereignisse häufig direkt an Google und umgeht dabei Ihren Servercontainer.

6. Der Standort der Seite stimmt nicht mit den tatsächlichen Standorten überein. Shopify-Checkout

Problem: Bei der Verwendung von clientseitigen Seitenaufruf-Triggern, die auf Checkout-URLs basieren (z. B. /zur Kasse), kann Shopify dynamische Checkout-URLs generieren. Infolgedessen ist der Seiten_Standort An GA4 gesendet, spiegelt nicht die tatsächliche Checkout-URL wider.
Anstelle einer sauberen URL wie:

https://example.com/checkouts/ cn/.../information?locale=en

GA4 erhält möglicherweise eine URL ähnlich der folgenden:

https://example.com/wpm@xxxx/custom/ web-pixel-xxxx/sandbox/modern/ checkouts/...

Das macht das Checkout-Tracking unzuverlässig und kann zu Problemen führen: seitenbasierte Trigger, Trichteranalysen und Berichte über Checkout-Schritte in GA4.
Das passiert normalerweise, weil die Webpixel-Sandbox von Shopify Checkout-URLs dynamisch umschreibt. Wenn Sie sich auf die Standardeinstellung verlassen Seiten_Standort, GA4 erhält die Sandbox-URL anstelle des echten Checkout-Pfads.

Lösung: Du kannst das beheben, indem du die Checkout-URL im Google Tag Manager bereinigst, bevor sie an GA4 gesendet wird.
‍
1. Erstellen Sie eine benutzerdefinierte JavaScript-Variable in GTM
2. Gehe zu deinem GTM-Webcontainer
3. Navigiere zu Variablen → Neu → Benutzerdefiniertes JavaScript und fügen Sie den folgenden Code ein:

function() { var currentUrl = window.location.href; var sandboxPattern = /\/wpm@[a-zA-Z0-9]+\/custom\/web-pixel-\d+@ [a-zA-Z0-9]+\/sandbox\/modern/; if (sandboxPattern.test(currentUrl)) { return currentUrl.replace(sandboxPattern, ''); } else { return currentUrl; } }

4. Benennen Sie die Variable (z. B. Standort der Seite — Sauber) und speichere es.
5. Überschreiben Seiten_Standort in deinem GA4-Tag, indem du dein öffnest GA4-Konfigurations-Tag in GTM, gehe zu Zu setzende Felder, ein neues Feld hinzufügen:

‍Feldname: Seiten_Standort ‍Wert: {{Seitenstandort — Sauber}} ‍Speichern Sie das Tag und veröffentlichen Sie Ihren Web-Container.

6. Navigiere durch den Shopify-Checkout, überprüfe die GA4-Anfrage und bestätige das Seiten_Standort zeigt jetzt eine saubere und konsistente Checkout-URL an.

Bei diesem Ansatz wird der Sandbox-Pfad von Shopify entfernt, bevor der Treffer an GA4 gesendet wird. Dadurch wird Folgendes gewährleistet:
• genaue Checkout-URLs
• zuverlässige seitenbasierte Trigger
• konsistentes GA4-Funnel- und Checkout-Reporting.

Fortgeschrittene Optimierung

Cookie-Wiederherstellung und CDN-Integration: Verwenden Sie TAGGRS-Tools, um den Tracking-Verlust durch Browserupdates (z. B. iOS 16.4) weiter zu reduzieren und die Datenqualität zu verbessern.
Gewinnverfolgung und benutzerdefinierte Analysen: TAGGRS unterstützt erweiterte Tracking-Szenarien für tiefere Geschäftseinblicke.
Gewinnverfolgung konfigurieren.