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.
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.
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?
Bei Standard-Shopify-Plänen: Nein. Shopify beschränkt den Zugriff von Drittanbieter-Skripten auf die Checkout-Seite aus Sicherheitsgründen.
Für das Tracking von Checkout- und Kaufereignissen empfiehlt Shopify die Verwendung der Customer Events API (zu finden unter Onlineshop → Einstellungen → Kundenereignisse). Dies ist der unterstützte Weg, um Conversion-Events auf der Danke- / Bestellbestätigungsseite auszulösen.
Bei Shopify Plus können Sie die checkout.liquid direkt anpassen, was Ihnen vollen GTM-Zugriff auf der Checkout-Seite ermöglicht.
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?
Verwenden Sie nach dem Speichern Ihrer theme.liquid-Änderungen den Preview-Modus von GTM, um zu bestätigen, dass der Container gefeuert wird. Geben Sie Ihre Store-URL ein, und ein Debug-Panel zeigt an, welche Tags auf jeder Seite aktiv sind. Schließen Sie für das Kauf-Tracking eine Testbestellung ab und bestätigen Sie, dass der Conversion-Tag auf der Bestellbestätigungsseite gefeuert wird. Lesen Sie auch unseren Leitfaden zum Einrichten von Conversion-Tracking in Shopify.
