Wichtigste Erkenntnisse
- Die empfohlene Methode für das Checkout- und Kauf-Tracking ist Einstellungen → Kundenereignisse (Shopifys Pixel-Manager).
- Verwende für App-spezifische Skripte App Embeds im Theme-Editor, anstatt den Code manuell zur theme.liquid hinzuzufügen.
- Theme-Skripte und zusätzliche Skripte werden im Checkout oder auf der Danke-Seite in keinem Plan mehr ausgeführt, auch nicht bei Plus.
- Das direkte Hinzufügen von Skripten zur theme.liquid ist die mächtigste, aber unsicherste Methode – dupliziere zuerst dein Theme.
Um Tracking-Skripte zu Shopify hinzuzufügen, nutze Einstellungen → Kundenereignisse für das Checkout- und Kauf-Tracking, App Embeds im Theme-Editor für App-Skripte und theme.liquid für alles andere, das auf jeder Storefront-Seite laufen muss. Jede Methode eignet sich für einen anderen Anwendungsfall.
Wie füge ich einen Tracking-Code in Shopify ein?
Es gibt drei Hauptmethoden:
- Kundenereignisse (Pixel-Manager) - für das Tracking von Kauf- und Checkout-Events
- App Embeds - für App-spezifische Skripte
- theme.liquid - für globale Skripte auf allen Storefront-Seiten (nicht im Checkout)
Um zu überprüfen, ob deine Tags Verkäufe erfassen, sobald sie integriert sind, sieh dir Conversions in Shopify tracken an.
Methode 1 – Kundenereignisse (empfohlen für Conversion-Tracking)
Das System für Kundenereignisse (Customer Events, ehemals Shopify Pixels) ist der richtige Ort für das Tracking von Kauf- und Checkout-Events. Es funktioniert im gesamten Checkout – einschließlich der Bestellstatus-Seite – in allen Shopify-Plänen.
Schritt 1 - Gehe zu Einstellungen → Kundenereignisse
Schritt 2 - Klicke auf Benutzerdefiniertes Pixel hinzufügen (für eigenen Code) oder durchsuche die Liste der vorgefertigten Integrationen (Google, Meta, TikTok, Klaviyo, etc.)
Schritt 3 - Für eine vorgefertigte Integration: Klicke auf die Integration, verbinde dein Konto und aktiviere sie. Shopify erledigt den Rest.
Schritt 4 - Für ein benutzerdefiniertes Pixel: Füge deinen Tracking-Code in den JavaScript-Editor ein. Dein Code läuft in einer Sandbox-Umgebung und hat Zugriff auf die Standard-Events von Shopify (page_viewed, product_viewed, checkout_completed, etc.)
Warum das der empfohlene Ansatz ist: Kundenereignisse laufen in einer datenschutzkonformen Sandbox, respektieren die Consent-Einstellungen der Kunden und haben vollen Zugriff auf Checkout-Events, die theme.liquid-Skripte nicht erreichen können.
Für Code und Event-Namen von Custom Pixels, sieh dir Benutzerdefinierte Events in Shopify hinzufügen an.
Methode 2 – App-Einbettungen im Theme-Editor
Wenn du eine Shopify-App installierst, die ein JavaScript-Snippet enthält (wie ein Bewertungs-Widget, Live-Chat oder Treueprogramm), ist der richtige Weg, sie über die App-Einbettungen zu aktivieren:
Schritt 1 - Gehe zu Onlineshop → Themes → Anpassen
Schritt 2 - Klicke auf das Puzzleteil-Icon in der linken Seitenleiste (App-Einbettungen)
Schritt 3 - Aktiviere den Schalter für die App, die du einschalten möchtest
Diese Methode hält App-Skripte übersichtlich, macht das Aktivieren/Deaktivieren ohne Code-Änderungen einfach und vermeidet zurückgelassene Skript-Tags, falls du die App später deinstallierst.
Methode 3 – theme.liquid (für globale Skripte)
Skripte, die auf jeder Seite deines Shops ausgeführt werden sollen (mit Ausnahme des Checkouts), kannst du direkt zur theme.liquid hinzufügen.
Schritt 1 - Gehe zu Onlineshop → Themes, klicke auf das Drei-Punkte-Menü (…) neben deinem Theme und dann auf Code bearbeiten
Schritt 2 - Öffne die Datei theme.liquid
Schritt 3 - Füge Skripte im <head>-Bereich (für Skripte, die früh laden müssen) oder kurz vor dem schließenden </body>-Tag (für nicht kritische Skripte) ein
Dupliziere vorher immer dein Theme. Ein Syntaxfehler in der theme.liquid legt deine gesamte Storefront lahm.
Verwende defer oder async in Script-Tags, wo immer möglich, um das Blockieren des Seitenaufbaus zu vermeiden:
<script src="https://example.com/script.js" defer></script>Wie füge ich in Shopify ein Skript zur Checkout-Seite hinzu?
Alle Pläne, einschließlich Plus: Theme-Skripte und zusätzliche Skripte werden nicht mehr im Checkout oder auf der Danke-Seite ausgeführt. Die checkout.liquid wurde abgeschaltet und das Feld für zusätzliche Skripte ist schreibgeschützt (für Plus seit August 2025, für alle Pläne seit August 2026).
Verwende Kundenereignisse (benutzerdefinierte oder App-Pixel) für das Tracking und Checkout UI Extensions für alles, was Käufer im Checkout sehen.
Du möchtest von der checkout.liquid weg? Siehe Migration von checkout.liquid zu Checkout Extensions.
Häufige Fehler bei Tracking-Skripten
Ein Pixel doppelt installieren. Wenn du die native Meta-Integration von Shopify nutzt UND den Meta-Pixel-Code manuell in die theme.liquid einfügst, werden Kauf-Events doppelt ausgelöst. Verwende immer nur eine Methode.
Fehlendes Consent-Management. Wenn du in der EU oder in Kalifornien tätig bist, benötigst du einen Cookie-Banner und deine Tracking-Skripte dürfen nur bei Nutzern feuern, die zugestimmt haben. Das System für Kundenereignisse verarbeitet dies bei richtiger Konfiguration automatisch korrekt.
Skripte, die das Laden der Seite blockieren. Render-blockierende Skripte im <head> verzögern die Anzeige deiner Seite. Füge allen nicht kritischen Tracking-Skripten die Attribute async oder defer hinzu.
Für langsam ladende Tags, sieh dir Render-blockierende Skripte in Shopify beheben an.
Google Tag Manager als Single Source of Truth nutzen
Anstatt mehrere Tracking-Skripte direkt in Shopify einzufügen, nutzen viele Shops den Google Tag Manager (GTM) als Container. Du fügst das GTM-Snippet einmalig in die theme.liquid ein und verwaltest dann alle anderen Tracking-Skripte im GTM.
Vorteile: Keine Code-Änderungen nötig, wenn du Tracking hinzufügst oder anpasst, einfaches Hinzufügen/Entfernen von Skripten für Nicht-Entwickler, integrierte Debugging-Tools.
Siehe unseren vollständigen Guide: Wie man den Google Tag Manager zu Shopify hinzufügt.
FAQ
Sollte ich Kundenereignisse oder die theme.liquid fürs Tracking verwenden?
Nutze Kundenereignisse (Customer Events) für jedes Tracking, das den Checkout abdecken muss (Kauf-Events, Conversions, Ad-Pixel). Nutze die theme.liquid für Skripte, die nur auf Storefront-Seiten laufen müssen und keinen Checkout-Zugriff benötigen. Die meisten Shops nutzen am Ende beides – Kundenereignisse für das Conversion-Tracking und die theme.liquid (oder den GTM) für Storefront-Analytics und Heatmaps.
Warum schränkt Shopify den Zugriff auf Checkout-Skripte ein?
Aus Gründen der Sicherheit und Konsistenz. Wenn beliebige Drittanbieter-Skripte auf der Checkout-Seite erlaubt wären, bestünde die Gefahr, dass der Zahlungsfluss manipuliert wird und PCI-Compliance-Probleme auftreten. Mit der Sandbox für Kundenereignisse kannst du JavaScript in einer sicheren Umgebung ausführen – mit dem gleichen effektiven Zugriff zu Tracking-Zwecken, nur ohne direkten DOM-Zugriff.
Kann ich Tracking-Skripte über Shopify-Apps statt über die theme.liquid hinzufügen?
Ja – viele Werbeplattformen und Analysetools bieten offizielle Shopify-Apps an, die das Einfügen der Skripte über App Embeds übernehmen, was die sauberste Lösung ist. Auch vorgefertigte Integrationen für Kundenereignisse übernehmen das. Für benutzerdefiniertes Tracking ohne offizielle App (spezifische dataLayer-Events, bereichsbezogene Klick-Handler, benutzerdefinierte Conversion-Feuer) kannst du Fudge, dem KI-Operator für Shopify-Stores, einfach beschreiben, was du brauchst. Fudge schreibt den Tracking-Code als Entwurf in dein Theme, den du überprüfen kannst, bevor er live geht.
Wird mein Shopify Lighthouse-Score schlechter, wenn ich Tracking-Skripte hinzufüge?
Das ist möglich. Jedes Tag fügt JavaScript hinzu, dessen Parsing und Ausführung Zeit kostet. Verwende defer oder async bei jeder externen Skript-Referenz und bevorzuge die Sandbox für Kundenereignisse (da diese außerhalb des Haupt-Renderings der Seite läuft). Analysen mit WebPageTest oder Lighthouse zeigen dir genau, welche Skripte den Engpass verursachen.
Wie kann ich überprüfen, welche Tracking-Skripte in meinem Shop tatsächlich ausgelöst werden?
Öffne die Seite in den Chrome DevTools → Tab 'Network' (Netzwerk) → filtere nach deiner Tracking-Domain (z. B. google-analytics, facebook). Du siehst jede Anfrage, die die Seite an diese Dienste stellt. Speziell für Kundenereignisse zeigt dir der Live-Event-Feed unter Einstellungen → Kundenereignisse an, welche Pixel in Echtzeit ausgelöst werden.
