Wichtigste Erkenntnisse
- GTM erfordert zwei Snippets: eins im
<head>und eins direkt nach dem öffnenden<body>-Tag in dertheme.liquid.- Der Code-Editor von Shopify macht das zu einer einfachen Anpassung – es ist kein Entwickler nötig.
- Shopify blockiert Theme-Skripte, einschließlich GTM, im Checkout und auf der Dankesseite bei jedem Plan. Nutze die Customer Events von Shopify für das Checkout-Tracking.
- Teste immer mit dem GTM Preview-Modus, bevor du live gehst.
Um den Google Tag Manager zu Shopify hinzuzufügen, fügst du die beiden Snippets von GTM in die theme.liquid-Datei deines Themes ein: eins im <head>, eins direkt nach dem öffnenden <body>-Tag. Danach verwaltest du Marketing-Tags (GA4, Meta Pixel, Conversion-Tracking, Heatmaps) über das GTM-Dashboard anstatt im Theme-Code.
Ein in der theme.liquid installierter GTM trackt nur die Storefront. Für Checkout- und Kauf-Events lädst du GTM innerhalb eines benutzerdefinierten Pixels unter Einstellungen → Kundenereignisse (Customer events).
Warum du uns vertrauen kannst
Jacques hat über 15 Jahre Erfahrung in der Shopify-Entwicklung, einschließlich der Einrichtung von Analytics und Tracking für Hunderte von Shops. Wir haben Fudge entwickelt, den KI-Operator für Shopify-Shops, mit einer Bewertung von 4.9 im Shopify App Store.
Wo du den Google Tag Manager in Shopify hinzufügst
Der GTM benötigt zwei Code-Snippets in deiner theme.liquid-Datei:
- Im
<head>-Tag — das Haupt-GTM-Skript - 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 ist ein Fallback für Browser, bei denen JavaScript deaktiviert ist.
Schritt-für-Schritt: GTM zu deinem Shopify-Theme hinzufügen
Schritt 1 — Hol dir deine GTM-Container-Snippets
Logge dich unter tagmanager.google.com ein. Wähle deinen Container aus. Klicke auf Verwaltung → Google Tag Manager installieren.
Du siehst nun zwei Code-Snippets. Lass diesen Tab offen.
Schritt 2 — Öffne den Shopify Code-Editor
Gehe zu Onlineshop → Themes, klicke auf das Drei-Punkte-Menü (…) neben deinem Theme und dann auf Code bearbeiten.
Klicke in der linken Seitenleiste unter Layout auf theme.liquid.
Schritt 3 — Füge das <head>-Snippet hinzu
Suche das schließende </head>-Tag. Füge das erste GTM-Snippet direkt darüber ein.
<!-- Google Tag Manager -->
<script>...</script>
<!-- End Google Tag Manager -->
</head>Schritt 4 — Füge das <body>-Snippet hinzu
Suche das öffnende <body>-Tag (es kann Attribute wie class="..." haben — das ist in Ordnung). Füge das zweite Snippet direkt danach ein.
<body>
<!-- Google Tag Manager (noscript) -->
<noscript>...</noscript>
<!-- End Google Tag Manager (noscript) -->
</body>Schritt 5 — Speichern und überprüfen
Klicke im Code-Editor auf Speichern. Gehe dann zurück zum GTM und nutze den Vorschaumodus (Preview mode), um zu überprüfen, ob dein Container auf den Seiten deines Shops ausgelöst wird.
Wie du Tags zu deinem Shopify-Shop hinzufügst, nachdem der GTM installiert ist
Sobald GTM installiert ist, verwaltest du alles über das GTM-Dashboard – du musst keinen Theme-Code mehr bearbeiten.
Um GA4 hinzuzufügen: GTM → Tags → Neu → Google-Tag → gib deine Tag-ID ein (G-…) → setze den Trigger auf Alle Seiten (All Pages).
Um den Meta Pixel hinzuzufügen: GTM → Tags → Neu → Benutzerdefiniertes HTML → füge deinen Pixel-Code ein → Trigger auf Alle Seiten (All Pages).
Veröffentliche deinen Container, nachdem du Tags hinzugefügt hast – Änderungen in GTM sind erst live, wenn du auf Senden klickst.
Kann der GTM Shopify Checkout-Seiten tracken?
Nein, bei keinem Plan. Shopify blockiert Theme-Skripte, einschließlich GTM, im Checkout und auf der Dankesseite.
Für das Tracking von Checkout- und Kauf-Events empfiehlt Shopify die Verwendung der Customer Events API (Einstellungen → Kundenereignisse). Das ist der unterstützte Weg, um Conversion-Events auf der Dankes- / Bestellstatusseite abzufeuern. Für die Einrichtung, siehe Benutzerdefinierte Events in Shopify hinzufügen.
Auch bei Shopify Plus wurde die checkout.liquid zwischen 2024 und 2025 abgeschaltet, sodass ein im Theme installierter GTM-Container bei keinem Plan mehr im Checkout läuft.
Häufige Fehler mit GTM und Shopify
GTM doppelt installieren. Wenn du zuvor ein Google-Tag über die Shopify-Integration (unter Einstellungen → Kundenereignisse) hinzugefügt hast, feuert möglicherweise bereits ein GTM-ähnliches Tag. Überprüfe das, bevor du den GTM manuell hinzufügst.
Falsche Snippet-Reihenfolge. Das <head>-Snippet muss vor </head> stehen. Das <body>-Snippet muss direkt nach <body> stehen. Wenn eines davon falsch platziert ist, lädt der GTM möglicherweise langsam oder gar nicht.
Vergessen zu veröffentlichen. GTM-Änderungen gehen erst live, wenn du auf Senden klickst. Entwurfsänderungen bewirken in deinem Live-Shop gar nichts.
Nicht vorher testen. Nutze immer den GTM-Vorschaumodus, bevor du veröffentlichst. Er zeigt dir genau, welche Tags auf welchen Seiten ausgelöst werden.
Wie man den Google Tag Manager mit den integrierten Shopify-Analytics verbindet
Shopify hat seine eigenen grundlegenden Analytics. Der GTM setzt darauf auf und sendet Daten an GA4 (oder andere Plattformen). Sie kommen sich nicht in die Quere.
Für ein möglichst vollständiges Bild solltest du GA4 über den GTM anbinden und dein Google Ads-Konto zusätzlich direkt mit GA4 verknüpfen. So erhältst du ein Conversion-Tracking über beide Kanäle ohne doppelte Tags.
Brauche ich einen Entwickler, um den Google Tag Manager bei Shopify hinzuzufügen?
Nein. Um den GTM bei Shopify zu installieren, musst du nur eine Datei bearbeiten — theme.liquid — und zwei Code-Snippets an den richtigen Stellen einfügen. Der Prozess dauert etwa 10 Minuten und erfordert keine Kenntnisse in Liquid oder JavaScript. Wenn du den Code lieber nicht anfassen möchtest, kannst du die Änderung Fudge beschreiben und die KI erstellt die Anpassung als Entwurf, den du nur noch überprüfen musst.
Wie überprüfe ich, ob der Google Tag Manager bei Shopify funktioniert?
Nachdem du deine Änderungen in der theme.liquid gespeichert hast, nutze den Vorschaumodus (Preview-Modus) von GTM, um zu überprüfen, ob der Container auslöst. Gib deine Shop-URL ein und ein Debug-Panel zeigt dir, welche Tags auf jeder Seite aktiv sind. Für das Kauf-Tracking schließt du eine Testbestellung ab und überprüfst, ob das Conversion-Tag auf der Bestellbestätigungsseite gefeuert wird. Sieh dir auch unseren Guide zur Einrichtung von Conversion-Tracking in Shopify an.
FAQ
Hat Shopify eine native Google Tag Manager Integration?
Es gibt keinen Ein-Klick-GTM-Connector im Shopify-Adminbereich – du installierst ihn manuell, indem du die theme.liquid bearbeitest. Shopify bietet zwar native Connectoren für GA4 und Google Ads (Einstellungen → Kundenereignisse), aber diese ersetzen GTM nicht, wenn du mehrere Tags verwendest.
Kann ich GTM in Shopify installieren, ohne den Theme-Code zu bearbeiten?
Einige Shopify-Apps fügen das GTM-Snippet für dich ein, verlangen dafür aber in der Regel eine monatliche Gebühr für eine einmalige 10-Minuten-Anpassung. Der sauberste Weg ist die manuelle Installation. Wenn du die theme.liquid nicht selbst bearbeiten möchtest, kann ein KI-Operator wie Fudge die Änderung als Entwurf zur Überprüfung vornehmen.
Macht der Google Tag Manager meinen Shopify-Shop langsamer?
Der GTM-Container selbst ist klein (etwa 25KB) und lädt asynchron – minimale Auswirkungen. Die Seitengeschwindigkeit leidet erst, wenn du mehrere schwere Tags in GTM stapelst (Heatmaps, Aufzeichnungen, Ad-Pixel). Nutze die Trigger-Regeln von GTM, um Tags nur dort zu laden, wo sie wirklich gebraucht werden.
Warum wird mein GTM-Container auf der Shopify-Dankesseite nicht ausgelöst?
Shopify blockiert Theme-Skripte, einschließlich GTM, im Checkout und auf der Dankesseite bei jedem Plan. 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 der Checkout-Seite.
Kann ich GTM und die Google & YouTube App von Shopify gleichzeitig nutzen?
Ja, aber pass auf doppelte Tags auf. Die Google & YouTube App installiert das Google-Tag (gtag.js) direkt. Wenn du dasselbe Tag auch über GTM feuerst, zählst du Conversions doppelt. Wähle eine 'Source of Truth' für jedes Tag – normalerweise GTM für alles außer Checkout-Events, wo die native Integration zuverlässiger ist.
