Serverseitiges Tagging für Shopify

Server-seitiges Tracking (SST) ist eine hervorragende Methode zur Datenerfassung für Shopify-Shops, da es eine genaue Conversion-Verfolgung und die Einhaltung von Datenschutzbestimmungen wie der DSGVO gewährleistet. Angesichts von Herausforderungen wie Werbeblockern, Browserbeschränkungen und Cookie-Einschränkungen ist server-seitiges Tracking als Lösung zuverlässiger.

Serverseitiges Tagging kann den Erfolg Ihrer Marketingkampagnen mit präzisem Konversionstracking und Nutzeranalyse erheblich steigern. Eine vollständige Nutzung dieser Funktionen erfordert jedoch eine sorgfältige Einrichtung – ein Schritt, den niemand übersehen sollte. 

Um die Implementierung des serverseitigen Taggings so einfach wie möglich zu gestalten, haben wir die Conversion Tracking Shopify App entwickelt. Diese App ist kostenlos nutzbar und hilft, den serverseitigen Google Tag Manager-Container für den Shopify-Shop einfach zu konfigurieren. Schauen wir uns zunächst die Hauptvorteile des serverseitigen Taggings für Shopify-Websites an:

1. Bessere Datenpräzision: Serverseitiges Tagging hilft, eine genauere Datenerfassung zu gewährleisten, indem das Risiko von Datenverlusten oder Fehlern durch Werbeblocker, Browser-Erweiterungen oder andere clientseitige Faktoren reduziert wird.

2. Genaue Konversionszuordnung: Durch die erhöhte Lebensdauer von Cookies und die Übertragung von Benutzerdaten über den Server können Werbenetzwerke Konversionen präziser Marketingkampagnen zuordnen.

3. Verbesserte Website-Performance: Beim serverseitigen Tagging werden Tags auf dem Server geladen und nicht clientseitig, was die Menge an Code reduziert, die im Browser des Nutzers geladen werden muss. Dies kann die Ladegeschwindigkeit der Website verbessern, was für Benutzerfreundlichkeit und SEO entscheidend ist.

4. Erhöhte Sicherheit: Serverseitiges Tagging trägt zur Verbesserung der Website-Sicherheit bei, indem es das Risiko von Datenverletzungen oder anderen Sicherheitsbedrohungen durch clientseitige Schwachstellen reduziert.

Klappen Sie das Element unten auf, um die ausführliche Anleitung aufzurufen.

Die Stape-App „Conversion Tracking“ für Shopify kann kostenlos im Shopify-Marktplatz installiert werden.

Auf dem Tab General finden Sie alle Einstellungen zum Einbinden des GTM-Snippets auf allen Seiten Ihres Shopify-Shops — so, dass es gegen Ad-Blocker, ITP und Cookie-Laufzeit-Einschränkungen gewappnet ist.

Aktivieren Sie dieses Kontrollkästchen, wenn Sie mehrere Shopify-Märkte betreiben. Mit dieser Funktion können Sie die GTM-Einbindung separat für jeden Shopify-Markt konfigurieren. Ist die Funktion deaktiviert, verwenden alle Märkte die Standardkonfiguration.

Nach der Aktivierung sehen Sie die Felder, die für jeden Markt konfiguriert werden müssen:

Geben Sie hier Ihre Web-GTM-Container-ID ein.

Es ist unbedingt erforderlich, Ihre eigene Subdomain zu verwenden, damit First-Party-Cookies korrekt funktionieren und das Tracking generell zuverlässig arbeitet. Falls Sie Ihrem sGTM-Container noch keine Subdomain hinzugefügt haben, folgen Sie der Anleitung zu benutzerdefinierten Domains.

Die Verwendung wird dringend empfohlen, um den Schutz vor Ad-Blockern zu erhöhen.

Aktivieren Sie das entsprechende Kontrollkästchen und geben Sie Ihre Stape-Container-Kennung an. Um sie zu finden, melden Sie sich in Ihrem Stape-Konto an, wählen Sie den sGTM-Container aus und suchen Sie die Container-Kennung im Bereich Settings.

Mit dieser Funktion können Sie die Auswirkungen der neuesten ITP-Einschränkungen minimieren. Stellen Sie sicher, dass Sie Cookie Keeper in Stape für Ihren Container aktiviert haben, bevor Sie es über die App aktivieren. Um Cookie Keeper zu konfigurieren, klicken Sie auf das ausklappbare Element und folgen Sie den Anweisungen:

Hier können Sie das GTM-Snippet kopieren, um es auf Seiten außerhalb Ihres Shopify-Themes zu installieren (z. B. Seiten, die durch Drittanbieter-Apps wie Zipify erstellt wurden).

Auf dem Tab Data Layer finden Sie die zu aktivierenden und konfigurierenden Datenschicht-Ereignisse. Das zweite Feld steuert, ob Ereignisnamen das Suffix _stape erhalten, um Konflikte in GTM zu vermeiden. Ist diese Option deaktiviert, behalten die Ereignisse ihre ursprünglichen Namen.

Hier finden Sie eine vollständige Liste der Ereignisse und ihrer Payloads, die über die Stape-App hinzugefügt werden.

Datenschicht-Aktivierung:

Stellen Sie im Bereich Customer privacy unter dem Berechtigungs-Aufklapper sicher, dass Not required ausgewählt ist. Das Code-Snippet erzeugt lediglich die Datenschicht; es setzt keine Cookies und übermittelt keine Daten an Dritte.

Auf dem Tab Data Layer gibt es außerdem die Option Log events to console (Dev) — ein Debugging-Tool für Entwickler und Shop-Administratoren. Wenn aktiviert, protokolliert es E-Commerce-Ereignisse in der Browser-Konsole, zeigt zur Überprüfung die Ereignis-Payloads an, die an den GTM-/Stape-Server-Container gesendet werden, und hilft beim Debugging von Datenschichten.

Diese Option ist nur für die Entwicklung gedacht und sollte in der Produktionsumgebung deaktiviert werden, um unnötige Konsolenausgaben zu vermeiden.

Webhook-Ereignisse werden auf dem Tab Webhook konfiguriert.

Auf diesem Tab werden die Webhook-Ereignisse konfiguriert.

Um einen Webhook zu aktivieren, aktivieren Sie das Kontrollkästchen, geben Sie die URL des Server-GTM-Containers und den /path an, an den die Webhooks gesendet werden sollen.

Sie können Webhooks abonnieren, wenn eine neue Bestellung aufgegeben wird oder wenn eine Rückerstattung für eine Bestellung erfolgt.

Hilfreiche Blog-Beiträge zur Verwendung und zum Debugging von Webhooks:

Er ermöglicht es Ihnen, die Customer-Match-Listen in Google Ads automatisch zu befüllen und zu aktualisieren.

Überspringen Sie die Konfiguration dieses Tabs, wenn Sie keine Google-Ads-Kampagnen schalten oder keine Customer-Match-Listen verwenden.

Der Server-Container hat keinen direkten Zugriff auf browserseitige Daten – wie beispielsweise die Datenschicht, Cookies oder den Seitenkontext –, daher müssen diese Daten explizit vom Web-Container gesendet werden. Hierfür stehen zwei Methoden zur Verfügung:

Schritt 1. Installieren Sie die Data-Tag-Vorlage:

Schritt 2. Als Nächstes konfigurieren wir das Data Tag für das Pageview-Ereignis:

Schritt 3. Als Nächstes können Sie das Data-Tag für weitere Ereignisse konfigurieren. Das folgende Beispiel zeigt, wie Sie E-Commerce-Ereignisse konfigurieren, wenn der Data Layer verfügbar ist.

Dieses Tag löst jedes E-Commerce-Ereignis im Data Layer aus. In diesem Beispiel enden alle E-Commerce-Ereignisse mit _stape, daher verwenden wir einen regulären Ausdruck, der alle Ereignisse erfasst, die _stape enthalten.

Beispiel für die Variable, die Benutzerdaten aus dem Data Layer extrahiert.

Schritt 4. Als Nächstes laden Sie den Data Client von GitHub herunter:

Schritt 5. Nun importieren Sie den Data Client:

Schritt 6. Öffnen Sie die Registerkarte Clients und klicken Sie auf Neu → wählen Sie Data Client → klicken Sie auf Speichern. 

Schritt 7. Öffnen Sie die GTM-Vorschau-Bildschirme für Web und Server und testen Sie die Einrichtung. Sie sollten sehen, dass das Data-Tag im Web-GTM-Container ausgelöst wird und der Data Client die Data-Tag-Anfragen im sGTM auswertet. 

Schritt 1. Erstellen Sie eine Konfigurationsvariable für die URL des Server-Containers. Gehen Sie dazu wie folgt vor:

Schritt 2. Erstellen Sie ein Google Analytics 4-Tag:

Schritt 3. Als Nächstes sehen wir uns an, wie Sie ein GA4-Ereignis erstellen, wobei wir das Ereignis „Alle Klicks“ als Beispiel verwenden:

Als Nächstes müssen Sie die Übermittlung Ihrer Ereignisdaten an Ihre Marketing-/Analytics-Plattform konfigurieren. Die genauen Schritte hängen von der von Ihnen gewählten Plattform ab. Weitere Informationen finden Sie in unseren Anleitungen zu den gängigen Plattformen:

Die meisten gängigen Marketing- und Analyse-Tools unterstützen bereits serverseitiges Tagging und verfügen über Tags für sGTM. Anleitungen zur Implementierung finden Sie auf unserer Website, z. B. für Facebook CAPI, TikTok Events API, Snapchat Conversions API, serverseitiges Google-Ads-Tracking usw.

Debugging des GTM-Downloads

Nach der Aktivierung oder Änderungen wird empfohlen zu prüfen, ob Ihr Container tatsächlich auf der Website geladen wird.

Gehen Sie dazu auf eine beliebige Seite Ihrer Website, öffnen Sie die Browser-Konsole und filtern Sie im Netzwerk-Tab nach Ihrer Subdomain- bzw. Tagging-Server-URL. Sie sollten eine Anfrage wie im folgenden Screenshot mit dem Antwort-Status 200 sehen.

Debugging von Datenschicht-Checkout-Ereignissen

Bei Ereignissen, die vor der Checkout-Seite auftreten, funktioniert alles wie auf jeder anderen Plattform: Sie können die Vorschau Ihres Web-GTM-Containers starten und alle Ereignisse einsehen.

Checkout-Ereignisse werden in der GTM-Vorschau nicht angezeigt, da die isolierte Umgebung dieser Seiten unsichere DOM-Manipulationen und Script-Injektionen — einschließlich des GTM-Snippets — blockiert.

Sie können das Snippet jedoch manuell auf der Checkout-Seite einfügen, indem Sie die Chrome-Erweiterung Stape GTM Helper verwenden:

Die Ereignisse auf der Checkout-Seite werden nun in der GTM-Vorschau angezeigt.

Die Möglichkeiten des serverseitigen Taggings entwickeln sich schnell weiter und bieten Nutzern großartige Werkzeuge zur Verbesserung der Genauigkeit beim Konversionstracking und in der Analyse. Stape möchte die Nutzung von sGTM für unsere Kunden vereinfachen und bietet deshalb die Conversion Tracking App für Shopify an.

Die Stape Conversion Tracking App für Shopify ist ein großartiges Tool mit zahlreichen Funktionen und Vorteilen. Sie können das Tracking auf Ihrer Website ganz einfach einrichten, indem Sie ein Google Tag Manager-Skript hinzufügen und Ihre benutzerdefinierte Domain und den benutzerdefinierten Loader konfigurieren. Außerdem können Sie Benutzerdaten an den Data Layer senden und Webhooks einrichten.

All diese Funktionen tragen dazu bei, die Daten in der Analyse präziser zu machen, indem sie die Lebensdauer der Cookies verlängern und das Browser-Tracking gegen Tracking-Verhinderungstechnologien resistent machen. Diese Werkzeuge sind entscheidend für eine zuverlässige Datenübertragung über den Server-Endpunkt an Werbe- und Marketingplattformen.

Wenn Sie nach einer schnellen und einfachen Lösung für die Einrichtung von Shopify Server-seitigem Tagging suchen, ist Stape die richtige Wahl. Nutzen Sie diese hervorragende Lösung noch heute und profitieren Sie von den Vorteilen genauerer Tracking-Einblicke mit der Stape Conversion Tracking App für Shopify. Testen Sie es jetzt selbst - wir wissen, Sie werden nicht enttäuscht sein!