Das Wichtigste auf einen Blick
- GTM erfordert zwei Snippets: eines im
<head>und eines direkt nach dem öffnenden<body>-Tag in dertheme.liquid.- Der Code-Editor von Shopify macht diese Bearbeitung unkompliziert – es ist kein Entwickler erforderlich.
- Standard-Shopify-Pläne beschränken den GTM-Zugriff auf die Checkout-Seite – nutzen Sie Shopifys Customer Events API für das Checkout-Tracking.
- Testen Sie immer mit dem GTM Preview-Modus, bevor Sie live gehen.
Mit dem Google Tag Manager (GTM) können Sie Marketing-Tags (GA4, Meta-Pixel, Conversion-Tracking, Heatmaps) hinzufügen und verwalten, ohne jedes Mal Ihren Theme-Code anfassen zu müssen. Sobald der GTM installiert ist, wird alles Weitere über das GTM-Dashboard verwaltet.
So installieren Sie ihn auf Shopify.
Warum Sie uns vertrauen können
Jacques verfügt über mehr als 15 Jahre Erfahrung in der Shopify-Entwicklung, einschließlich der Einrichtung von Analytics und Tracking für hunderte von Stores. Wir haben Fudge entwickelt – einen KI-Storefront-Editor mit einer 5,0-Bewertung im Shopify App Store.
Wo man den Google Tag Manager in Shopify hinzufügt
GTM erfordert zwei Code-Snippets in Ihrer theme.liquid-Datei:
- Im
<head>-Tag – das Haupt-GTM-Script - Direkt nach dem öffnenden
<body>-Tag – der No-Script-Fallback
Beide Platzierungen sind wichtig. Das <head>-Snippet lädt den GTM so früh wie möglich. Das <body>-Snippet dient als Fallback für Browser, bei denen JavaScript deaktiviert ist.
Verwandt: Fix Render-Blocking Scripts in Shopify.
Verwandt: Track Click Events in Shopify.
Zum Messen der Ergebnisse siehe Track Scroll Events in Shopify.
Schritt-für-Schritt: GTM zu Ihrem Shopify-Theme hinzufügen
Schritt 1 – Holen Sie sich Ihre GTM-Container-Snippets
Melden Sie sich bei tagmanager.google.com an. Wählen Sie Ihren Container aus. Klicken Sie auf Verwaltung → Google Tag Manager installieren.
Sie sehen zwei Code-Snippets. Lassen Sie diesen Tab offen.
Schritt 2 – Öffnen Sie den Shopify Code-Editor
Gehen Sie zu Onlineshop → Themes → Aktionen (drei Punkte) → Code bearbeiten.
Klicken Sie in der linken Seitenleiste unter Layout auf theme.liquid.
Schritt 3 – Fügen Sie das <head>-Snippet hinzu
Suchen Sie das schließende </head>-Tag. Fügen Sie das erste GTM-Snippet direkt darüber ein.
<!-- Google Tag Manager -->
<script>...</script>
<!-- End Google Tag Manager -->
</head>Schritt 4 – Fügen Sie das <body>-Snippet hinzu
Suchen Sie das öffnende <body>-Tag (es kann Attribute wie class="..." haben – das ist völlig in Ordnung). Fügen Sie das zweite Snippet direkt danach ein.
<body>
<!-- Google Tag Manager (noscript) -->
<noscript>...</noscript>
<!-- End Google Tag Manager (noscript) -->Schritt 5 – Speichern und Überprüfen
Klicken Sie im Code-Editor auf Speichern. Gehen Sie dann zurück zu GTM und nutzen Sie den Preview-Modus, um zu prüfen, ob Ihr Container auf Ihren Shop-Seiten gefeuert wird.
So fügen Sie Tags nach der GTM-Installation zu Ihrem Shopify-Store hinzu
Sobald GTM installiert ist, verwalten Sie alles über das GTM-Dashboard – kein Bearbeiten des Theme-Codes mehr nötig.
Um GA4 hinzuzufügen: GTM → Tags → Neu → Google Analytics: GA4-Konfiguration → Mess-ID eingeben → Trigger auf „All Pages“ setzen.
Um das Meta-Pixel hinzuzufügen: GTM → Tags → Neu → Benutzerdefiniertes HTML → Pixel-Code einfügen → Trigger auf „All Pages“ setzen.
Verwandt: Speed Up a Shopify Theme.
Veröffentlichen Sie Ihren Container, nachdem Sie Tags hinzugefügt haben – Änderungen im GTM sind erst live, wenn Sie auf „Senden“ klicken.
Kann GTM Shopify-Checkout-Seiten tracken?
In den Standard-Shopify-Tarifen: Nein. Shopify schränkt aus Sicherheitsgründen den Zugriff von Drittanbieter-Skripten auf die Checkout-Seite ein.
Für das Tracking von Checkout- und Kaufereignissen empfiehlt Shopify die Customer Events API (verfügbar unter Onlineshop → Einstellungen → Customer events). Dies ist der unterstützte Weg, um Conversion-Ereignisse auf der Danke-Seite / Bestellstatus-Seite auszulösen.
Bei Shopify Plus können Sie checkout.liquid direkt anpassen, was Ihnen vollen GTM-Zugriff auf der Checkout-Seite ermöglicht.
Um die Ergebnisse zu messen, lesen Sie scroll-ereignisse in shopify tracken.
Häufige Fehler bei GTM und Shopify
GTM doppelt installieren. Wenn Sie zuvor einen Google-Tag über die Shopify-Integration (unter Einstellungen → Kundenereignisse) hinzugefügt haben, feuert möglicherweise bereits ein GTM-ähnlicher Tag. Prüfen Sie dies, bevor Sie GTM manuell hinzufügen.
Falsche Snippet-Reihenfolge. Das <head>-Snippet muss vor </head> stehen. Das <body>-Snippet muss direkt nach <body> stehen. Wenn eines davon falsch platziert wird, lädt GTM möglicherweise langsam oder gar nicht.
Veröffentlichen vergessen. GTM-Änderungen gehen erst live, wenn Sie auf „Senden“ klicken. Entwürfe bewirken in Ihrem Live-Store nichts.
Nicht vorher testen. Nutzen Sie immer den GTM Preview-Modus vor der Veröffentlichung. Er zeigt genau an, welche Tags auf welchen Seiten gefeuert werden.
So verbinden Sie den Google Tag Manager mit den integrierten Shopify-Analytics
Shopify hat seine eigenen Basis-Analysen. GTM setzt darauf auf und sendet Daten an GA4 (oder andere Plattformen). Sie stehen nicht im Konflikt.
Für das vollständigste Bild verbinden Sie GA4 über GTM und verknüpfen Sie zusätzlich Ihr Google Ads-Konto direkt mit GA4. So erhalten Sie Conversion-Tracking über beide Kanäle ohne doppelte Tags.
Benötige ich einen Entwickler, um den Google Tag Manager zu Shopify hinzuzufügen?
Nein. Die Installation von GTM auf Shopify erfordert das Bearbeiten einer einzigen Datei – theme.liquid – und das Einfügen von zwei Code-Snippets an den richtigen Stellen. Der Vorgang dauert etwa 10 Minuten und erfordert keine Kenntnisse in Liquid oder JavaScript. Wenn Sie den Code lieber nicht anfassen möchten, können Sie die Änderung Fudge beschreiben, und es wird die Bearbeitung als Entwurf für Ihre Überprüfung vornehmen.
Wie überprüfe ich, ob der Google Tag Manager auf Shopify funktioniert?
Nachdem du deine Änderungen an der theme.liquid gespeichert hast, nutze den Preview Mode von GTM, um zu überprüfen, ob der Container feuert. Gib deine Shop-URL ein und ein Debug-Panel zeigt dir an, welche Tags auf jeder Seite aktiv sind. Schließe für das Purchase-Tracking eine Testbestellung ab und überprüfe, ob das Conversion-Tag auf der Bestellbestätigungsseite feuert. Sieh dir auch unseren Guide zum Einrichten von Conversion Tracking in Shopify an.
Verwandt: Custom Events in Shopify hinzufügen.
Verwandt: Click Events in Shopify tracken.
Verwandt: Tracking Scripts zu Shopify hinzufügen.
Verwandt: Doppelte Pixel Events in Shopify beheben.
FAQ
Es gibt keinen Ein-Klick-GTM-Connector im Shopify-Adminbereich – du installierst ihn manuell, indem du die theme.liquid bearbeitest. Shopify bietet zwar native Connectors für GA4 und Google Ads (Onlineshop → Kundenereignisse), aber diese ersetzen GTM nicht, wenn du mehrere Tags verwendest.
Einige Shopify-Apps fügen das GTM-Snippet für dich ein, aber sie kosten in der Regel eine monatliche Gebühr für etwas, das eine einmalige 10-Minuten-Anpassung ist. Der sauberste Weg ist die manuelle Installation. Wenn du die theme.liquid nicht selbst bearbeiten möchtest, kann ein KI-Tool wie Fudge die Änderung als Entwurf zur Überprüfung vornehmen.
Der GTM-Container selbst ist klein (ca. 25KB) und lädt asynchron – die Auswirkungen sind also minimal. Der Page Speed leidet erst, wenn du mehrere schwere Tags im GTM stapelst (Heatmaps, Recordings, Ad Pixel). Nutze die Tag-Firing-Regeln von GTM, um Tags nur dort zu laden, wo sie gebraucht werden.
Standard-Shopify-Pläne blockieren Drittanbieter-Skripte auf den Checkout- und Dankesseiten, einschließlich GTM. Um Käufe zu tracken, nutze die Customer Events API (Einstellungen → Kundenereignisse → Benutzerdefiniertes Pixel hinzufügen) – das ist die von Shopify unterstützte Methode für das Tracking auf der Checkout-Seite.
Ja, aber pass bei doppelten Tags auf. Die Google & YouTube App installiert das Google Tag (gtag.js) direkt. Wenn du dasselbe Tag auch über den GTM feuerst, zählst du Conversions doppelt. Entscheide dich für eine Source of Truth für jedes Tag – typischerweise den GTM für alles, außer für Checkout-Events, wo die native Integration zuverlässiger ist.
