Das Wichtigste in Kürze
- GTM erfordert zwei Snippets: eines im
<head>und eines direkt nach dem öffnenden<body>-Tag in dertheme.liquid.- Mit dem Code-Editor von Shopify ist das eine einfache Anpassung – ganz ohne Entwickler.
- Standard-Shopify-Pläne beschränken den GTM-Zugriff auf die Checkout-Seite – nutze die Customer Events API von Shopify für das Checkout-Tracking.
- Teste immer im GTM-Vorschaumodus (Preview Mode), bevor du live gehst.
Mit dem Google Tag Manager kannst du Marketing-Tags (GA4, Meta Pixel, Conversion-Tracking, Heatmaps) hinzufügen und verwalten, ohne deinen Theme-Code jedes Mal anfassen zu müssen. Sobald GTM installiert ist, wird alles Weitere über das GTM-Dashboard verwaltet.
Hier erfährst du, wie du ihn auf Shopify installierst.
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 One-Click-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 (Onlineshop → Kundenereignisse), diese ersetzen GTM jedoch nicht, wenn du mehrere Tags verwendest.
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 Änderung, die nur 10 Minuten dauert. Der sauberste Ansatz 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 (etwa 25 KB) und lädt asynchron – die Auswirkungen sind minimal. Die Ladegeschwindigkeit (Page Speed) nimmt erst ab, wenn du mehrere ressourcenintensive Tags im GTM stapelst (Heatmaps, Recordings, Ad-Pixel). Nutze die GTM-Trigger-Regeln, um Tags nur dann auszulösen, wenn sie wirklich benötigt werden.
Standard-Shopify-Pläne blockieren Skripte von Drittanbietern auf Checkout- und Dankesseiten, einschließlich GTM. Um Käufe zu tracken, nutze die Customer Events API (Einstellungen → Kundenereignisse → Benutzerdefiniertes Pixel hinzufügen) – dies ist die von Shopify unterstützte Methode für das Checkout-Tracking.
Ja, aber achte auf doppelte Tags. Die Google & YouTube-App installiert das Google-Tag (gtag.js) direkt. Wenn du dasselbe Tag auch in GTM auslöst, werden Conversions doppelt erfasst. Wähle für jedes Tag eine einzige ,Source of Truth' – in der Regel GTM für alles außer Checkout-Ereignisse, wo die native Integration zuverlässiger ist.
