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?
Überprüfen Sie nach dem Speichern Ihrer theme.liquid-Änderungen mit dem Vorschau-Modus von GTM, ob der Container korrekt geladen wird. Geben Sie Ihre Shop-URL ein; ein Debug-Panel zeigt Ihnen, welche Tags auf der jeweiligen Seite aktiv sind. Führen Sie für das Kauf-Tracking eine Testbestellung durch und vergewissern Sie sich, dass das Conversion-Tag auf der Bestellbestätigungsseite ausgelöst wird. Lesen Sie dazu auch unseren Leitfaden zum Einrichten von Conversion-Tracking in Shopify.
Verwandt: Benutzerdefinierte Ereignisse in Shopify hinzufügen.
Verwandt: Klick-Ereignisse in Shopify tracken.
Verwandt: Tracking-Skripte zu Shopify hinzufügen.
Verwandt: Doppelte Pixel-Ereignisse in Shopify beheben.
