Wichtigste Erkenntnisse
- Die empfohlene Methode für das Checkout- und Purchase-Tracking ist Einstellungen → Kundenereignisse (Shopifys Pixel-Manager).
- Verwende für app-spezifische Skripte lieber App-Embeds im Theme-Editor, anstatt den Code manuell in die theme.liquid einzufügen.
- Der Zugriff von Drittanbieter-Skripten auf die Checkout-Seite ist in den Basic- und Shopify-Plänen eingeschränkt – Shopify Plus schaltet hier mehr frei.
- Skripte direkt in die theme.liquid einzufügen, ist die mächtigste, aber auch unsicherste Methode – dupliziere zuerst dein Theme.
Tracking-Skripte bilden die Basis für deine Ads, Analytics und dein Remarketing. Sie in Shopify richtig zu installieren, erfordert etwas mehr Feingefühl, als nur ein Snippet in einen Header zu kopieren. Shopify bietet mehrere Methoden, die jeweils für unterschiedliche Anwendungsfälle geeignet sind.
Wie füge ich einen Tracking-Code zu Shopify hinzu?
Es gibt drei Hauptmethoden:
- Customer Events (Pixel-Manager) — für das Tracking von Purchase- und Checkout-Events
- App Embeds — für App-spezifische Skripte
- theme.liquid — für globale Skripte auf allen Seiten (außer dem Checkout bei kleineren Tarifen)
Um Ergebnisse zu messen, siehe modify checkout.liquid in shopify plus.
Methode 1 – Kundenereignisse (empfohlen für Conversion-Tracking)
Shopifys Customer Events System (ehemals Shopify Pixels) ist der richtige Ort für das Tracking von Purchase- und Checkout-Events. Es funktioniert über den gesamten Checkout hinweg — einschließlich der Bestellbestätigungsseite — in allen Shopify-Tarifen.
Passend dazu: So fügen Sie benutzerdefinierte Events in Shopify hinzu (2026).
Schritt 1 - Gehen Sie zu Einstellungen → Kundenereignisse (Customer events)
Schritt 2 - Klicken Sie auf „Benutzerdefiniertes Pixel hinzufügen“ (für eigenen Code) oder durchsuchen Sie die Liste der vorgefertigten Integrationen (Google, Meta, TikTok, Klaviyo, etc.)
Schritt 3 - Für eine vorgefertigte Integration: Klicken Sie auf die Integration, verbinden Sie Ihr Konto und aktivieren Sie sie. Shopify kümmert sich um den Rest.
Schritt 4 - Für ein benutzerdefiniertes Pixel: Fügen Sie Ihren Tracking-Code in den JavaScript-Editor ein. Ihr Code wird in einer Sandbox-Umgebung ausgeführt und hat Zugriff auf die Standard-Events von Shopify (page_viewed, product_viewed, checkout_completed, etc.)
Warum dies der empfohlene Ansatz ist: Customer Events laufen in einer datenschutzkonformen Sandbox, respektieren die Consent-Einstellungen der Kunden und haben vollen Zugriff auf Checkout-Events, die theme.liquid-Skripte in den Standard-Tarifen nicht erreichen können.
Methode 2 – App-Embeds im Theme-Editor
Wenn du eine Shopify-App installierst, die ein JavaScript-Snippet enthält (wie ein Review-Widget, Live-Chat oder Treueprogramm), ist der richtige Weg zur Aktivierung über die App-Embeds:
Schritt 1 - Gehe zu Onlineshop → Themes → Anpassen
Schritt 2 - Klicke auf das Puzzleteil-Symbol in der linken Seitenleiste (App-Embeds)
Schritt 3 - Aktiviere die App, die du nutzen möchtest
Diese Methode hält App-Skripte organisiert, ermöglicht ein einfaches Aktivieren/Deaktivieren ohne Code-Eingriffe und vermeidet verwaiste Script-Tags, falls du die App später deinstallierst.
Methode 3 – theme.liquid (für globale Skripte)
Für Skripte, die auf jeder Seite deines Shops ausgeführt werden müssen (ausgenommen der Checkout bei kleineren Plänen), kannst du diese direkt in die theme.liquid einfügen.
Schritt 1 - Onlineshop → Themes → Aktionen → Code bearbeiten
Schritt 2 - Öffne die theme.liquid
Schritt 3 - Füge Skripte im <head>-Bereich ein (für Skripte, die früh geladen werden müssen) oder direkt vor dem schließenden </body>-Tag (für unkritische Skripte).
Dupliziere immer zuerst dein Theme. Ein Syntaxfehler in der theme.liquid kann deinen gesamten Storefront lahmlegen.
Verwende nach Möglichkeit defer oder async bei Script-Tags, um das Rendern der Seite nicht zu blockieren:
<script src="https://example.com/script.js" defer></script>Wie füge ich in Shopify ein Skript zur Checkout-Seite hinzu?
Der Zugriff auf Skripte für die Checkout-Seite hängt von deinem Shopify-Plan ab:
Basic-, Shopify-, Advanced-Pläne: Skripte können nicht direkt über die theme.liquid zu Checkout-Seiten hinzugefügt werden. Nutze stattdessen die Kundenereignisse – diese haben Zugriff auf alle Checkout-Events.
Shopify Plus: Zugriff auf checkout.liquid für die Checkout-Seite. Bietet zudem Shopify Functions und Checkout Extensibility für fortgeschrittene Anpassungen.
Alle Pläne: Die Bestellbestätigungsseite (Thank-you-Page) kann zusätzliche Skripte über Einstellungen → Checkout → Bestellstatusseite aufnehmen (scrolle auf der Checkout-Einstellungsseite ganz nach unten zum Feld „Zusätzliche Skripte“).
Häufige Fehler bei Tracking-Skripten
Ein Pixel doppelt installieren. Wenn Sie die native Meta-Integration von Shopify nutzen UND den Meta-Pixel-Code manuell in die theme.liquid einfügen, werden Purchase-Events doppelt gefeuert. Nutzen Sie nur eine Methode.
Fehlendes Consent Management. Wenn Sie in der EU oder in Kalifornien tätig sind, benötigen Sie einen Cookie-Banner, und Ihre Tracking-Skripte sollten nur bei Zustimmung der Nutzer gefeuert werden. Das Customer Events System handhabt dies bei korrekter Konfiguration automatisch.
Skripte, die den Seitenaufbau blockieren. Render-blocking Skripte im <head> verzögern die Anzeige Ihrer Seite. Fügen Sie async- oder defer-Attribute zu allen nicht kritischen Tracking-Skripten hinzu.
Um Ergebnisse zu messen, siehe fix render-blocking scripts in shopify.
Google Tag Manager als Single Source of Truth nutzen
Anstatt mehrere Tracking-Skripte direkt zu Shopify hinzuzufügen, nutzen viele Shops den Google Tag Manager (GTM) als Container. Du fügst das GTM-Snippet einmal in deine theme.liquid ein und verwaltest dann alle anderen Tracking-Skripte innerhalb des GTM.
Vorteile: Keine Code-Änderungen nötig, wenn du Tracking hinzufügst oder anpasst; einfacher für Nicht-Entwickler, Skripte hinzuzufügen/zu entfernen; integrierte Debugging-Tools.
Sieh dir unseren vollständigen Guide an: So fügst du den Google Tag Manager zu Shopify hinzu.
FAQ
Kundenereignisse (Customer Events) für jegliches Tracking, das den Checkout abdecken muss (Purchase Events, Conversions, Ad-Pixel). theme.liquid für Skripte, die nur auf Storefront-Seiten laufen sollen und keinen Zugriff auf den Checkout benötigen. Die meisten Shops nutzen am Ende beides – Kundenereignisse für das Conversion-Tracking, theme.liquid (oder GTM) für Storefront-Analytics und Heatmaps.
Sicherheit und Konsistenz. Wenn beliebige Drittanbieter-Skripte auf der Checkout-Seite erlaubt sind, entsteht das Risiko von Manipulationen am Zahlungsablauf und Problemen mit der PCI-Compliance. Die Customer-Events-Sandbox ermöglicht es dir, JavaScript in einer sicheren Umgebung auszuführen, mit demselben effektiven Zugriff für Tracking-Zwecke – nur eben ohne direkten DOM-Zugriff.
Ja – viele Ad-Plattformen und Analytics-Tools haben offizielle Shopify-Apps, die die Skript-Injektion über App-Embeds übernehmen, was der sauberste Weg ist. Auch vorgefertigte Kundenereignisse-Integrationen erledigen das. Für benutzerdefiniertes Tracking ohne offizielle App – maßgeschneiderte dataLayer-Events, isolierte Click-Handler, Custom-Conversion-Auslöser – beschreibe einfach, was du brauchst, auf Fudge, und das Tracking wird direkt zu deinem Theme hinzugefügt, ohne dass du wieder die theme.liquid bearbeiten musst.
Das kann passieren. Jedes Tag fügt JavaScript hinzu, dessen Parsing und Ausführung Zeit kostet. Nutze defer oder async für jede externe Skript-Referenz und bevorzuge die Customer-Events-Sandbox (die unabhängig vom eigentlichen Seitenaufbau im Hintergrund läuft). Audits mit WebPageTest oder Lighthouse zeigen dir, welche spezifischen Skripte den Flaschenhals bilden.
Öffne die Seite in den Chrome DevTools → Tab 'Network' (Netzwerk) → filtere nach deiner Tracking-Domain (z. B. google-analytics, facebook). Du siehst dann jeden Request, den die Seite an diese Dienste sendet. Speziell für Kundenereignisse zeigt der Live-Event-Feed unter Einstellungen → Kundenereignisse in Echtzeit, welche Pixel ausgelöst werden.
Um die Ergebnisse zu messen, siehe Conversions in Shopify tracken.