Wenn Sie einem Google Tag Manager Tutorial gefolgt sind, das vor 2025 geschrieben wurde, ist die Hälfte dessen, was Sie an Ihrem Shopify-Checkout getan haben, heute stillschweigend kaputt. Die Datei checkout.liquid ist verschwunden. Das Feld "Zusätzliche Skripte" unter Einstellungen > Checkout ist verschwunden. Shopify Plus Händler haben diesen Flow am 28. August 2025 verloren, und Nicht-Plus-Händler am 26. August 2026. Wenn Ihr aktuelles GTM-Setup auf einem dieser beiden basiert, werden Ihre Kaufereignisse nicht ausgelöst.
Dies ist eine Anleitung zum Neuaufbau. Wir werden den Google Tag Manager in Shopify so einrichten, wie er 2026 tatsächlich funktioniert: eine Installation für den Storefront, eine für den Checkout und einen echten Test, um zu beweisen, dass beide aktiv sind.
Warum Shopify GTM schwieriger macht, als es sein sollte
Stellen Sie sich Ihren Shopify-Shop als zwei miteinander verbundene Gebäude vor.
Der Storefront ist das erste Gebäude. Produktseiten, Kollektionen, Warenkorb, Blogbeiträge. Dieses Gebäude gehört Ihnen. Sie können GTM hier platzieren, indem Sie Ihren Theme-Code bearbeiten.
Der Checkout ist das zweite Gebäude. Shopify betreibt dies in einer Sandbox-Umgebung aus Sicherheitsgründen. Ihr Theme-Code kann es nicht erreichen. Welchen GTM-Container Sie auch immer im Storefront installieren, er wird einfach nicht geladen, wenn ein Käufer den Checkout, die Zahlung oder die Dankeschön-Seite erreicht.
Vor 2025 haben Sie dies umgangen, indem Sie einen zweiten GTM-Snippet in checkout.liquid oder das Feld "Zusätzliche Skripte" eingefügt haben. Beide Türen sind jetzt geschlossen. Der Ersatz für 2026 sind Benutzerdefinierte Pixel, die unter Einstellungen > Kundenereignisse verwaltet werden. Benutzerdefinierte Pixel laufen in einem Sandbox-Iframe und kommunizieren mit dem Rest Ihres Tracking-Stacks über postMessage.
In der Praxis besteht ein vollständiges Shopify GTM-Setup im Jahr 2026 aus zwei Installationen, nicht aus einer:
-
Standard GTM-Container in
theme.liquidfür den Storefront. - Benutzerdefiniertes Pixel unter Kundenereignissen für den Checkout und die Dankeschön-Seite.
Wenn Sie eine Hälfte überspringen, werden Ihre Daten auf eine Weise falsch aussehen, die Sie wochenlang nicht bemerken werden.
Was Sie brauchen, bevor Sie etwas anfassen
- Shopify-Adminzugriff mit Berechtigungen zum Bearbeiten von Themes und Verwalten von Kundenereignissen.
- Ein Google Tag Manager-Konto. Wenn Sie keines haben, melden Sie sich unter tagmanager.google.com an und erstellen Sie einen Container. Wählen Sie "Web" als Zielplattform und verwenden Sie Ihre Shop-URL als Container-Namen.
- Eine GA4-Property, die bereits in Google Analytics eingerichtet ist. Besorgen Sie sich die Mess-ID (beginnt mit
G-). Ohne GA4 sind die folgenden Tags sinnlos. - Google Tag Assistant Browser-Erweiterung. Sie werden diese verwenden, um die Installation zu überprüfen.
- Eine Testbestellung, die Sie tatsächlich aufgeben können. Verwenden Sie eine echte Zahlungsmethode mit einem Rabattcode und erstatten Sie dann. Der Vorschaumodus reicht für das Checkout-Tracking im Jahr 2026 nicht aus.
Alles unten Genannte geht davon aus, dass Sie Online Store 2.0 mit einem modernen Theme wie Dawn oder einem beliebigen Theme verwenden, das auf derselben Struktur aufgebaut ist.
Teil 1: GTM auf Ihrem Shopify-Storefront installieren
Dies deckt jede Seite außer dem Checkout ab: Startseite, Kollektionsseiten, Produktseiten, Warenkorb, Blog, statische Seiten.
Schritt 1: Holen Sie sich Ihre GTM-Snippets
Klicken Sie in Ihrem GTM-Container oben auf die Container-ID (sieht aus wie GTM-XXXXXXX). GTM zeigt Ihnen zwei Codeblöcke an. Kopieren Sie beide. Der erste kommt in <head>, der zweite direkt nach <body>.
Schritt 2: Duplizieren Sie Ihr Theme vor der Bearbeitung
Bearbeiten Sie niemals Ihr veröffentlichtes Theme direkt. Gehen Sie in Ihrem Shopify-Admin zu Online-Shop > Themes. Suchen Sie Ihr Live-Theme, klicken Sie auf die drei Punkte und wählen Sie Duplizieren. Bearbeiten Sie die Duplikat. Wenn etwas kaputtgeht, haben Sie immer noch eine funktionierende Version, auf die Sie zurückgreifen können.
Schritt 3: theme.liquid öffnen
Klicken Sie beim duplizierten Theme auf Aktionen > Code bearbeiten. Im linken Bereich unter Layout öffnen Sie theme.liquid. Dies ist die Vorlage, die jede Storefront-Seite umschließt.
Schritt 4: Head-Snippet einfügen
Suchen Sie den öffnenden <head>-Tag oben in der Datei. Fügen Sie das erste GTM-Snippet direkt danach ein, so weit oben wie möglich, damit es früh ausgelöst wird.
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<!-- End Google Tag Manager -->Ersetzen Sie GTM-XXXXXXX durch Ihre tatsächliche Container-ID.
Schritt 5: Body-Snippet einfügen
Scrollen Sie zum öffnenden <body>-Tag. Fügen Sie das zweite GTM-Snippet direkt danach ein. Wenn Ihr Theme einen if browser.supports_no_js-Block in der Nähe des Body-Tags hat, fügen Sie das GTM-Snippet über diesem Block ein.
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->Schritt 6: Speichern, Vorschau und Veröffentlichen
Speichern Sie die Datei. Zeigen Sie eine Vorschau des duplizierten Themes an. Öffnen Sie die Tag Assistant-Erweiterung, verbinden Sie sich mit Ihrer Storefront-URL und bestätigen Sie, dass der Container geladen wird. Sobald der Container auf einer Produktseite sauber ausgelöst wird, veröffentlichen Sie das Theme.
Storefront GTM ist jetzt live. Alles vor dem Checkout ist verfolgbar. Nun zum schwierigeren Teil.
Teil 2: Checkout und Käufe mit einem Custom Pixel verfolgen
Hier verlieren die meisten Shopify-Shops Daten. Das Custom Pixel ist der einzige unterstützte Weg, um im Jahr 2026 Tags auf dem Checkout und der Dankeschön-Seite auszulösen.
Schritt 1: Kundenereignisse öffnen
Gehen Sie in Ihrem Shopify-Admin zu Einstellungen > Kundenereignisse. Klicken Sie auf Benutzerdefinierten Pixel hinzufügen, geben Sie ihm einen Namen wie "GTM Checkout Pixel" und öffnen Sie den Editor.
Schritt 2: Den Pixel-Code einfügen
Unten ist ein funktionierender Ausgangspunkt. Er lädt GTM in der Pixel-Sandbox und abonniert die integrierten Checkout-Ereignisse von Shopify, indem er sie in einen DataLayer pusht, den Ihr GTM-Container aufnehmen kann.
// GTM innerhalb der Custom Pixel Sandbox laden
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');
// Kaufereignis
analytics.subscribe("checkout_completed", (event) => {
const checkout = event.data.checkout;
window.dataLayer.push({
event: "purchase",
ecommerce: {
transaction_id: checkout.order.id,
value: checkout.totalPrice.amount,
currency: checkout.currencyCode,
tax: checkout.totalTax?.amount || 0,
shipping: checkout.shippingLine?.price?.amount || 0,
items: checkout.lineItems.map(item => ({
item_id: item.variant.product.id,
item_name: item.title,
price: item.variant.price.amount,
quantity: item.quantity
}))
}
});
});
// Checkout-Start-Ereignis
analytics.subscribe("checkout_started", (event) => {
const checkout = event.data.checkout;
window.dataLayer.push({
event: "begin_checkout",
ecommerce: {
value: checkout.totalPrice.amount,
currency: checkout.currencyCode,
items: checkout.lineItems.map(item => ({
item_id: item.variant.product.id,
item_name: item.title,
price: item.variant.price.amount,
quantity: item.quantity
}))
}
});
});Ersetzen Sie GTM-XXXXXXX durch Ihre Container-ID. Speichern Sie das Pixel. Legen Sie die Datenschutzberechtigungen basierend auf Ihrer Einwilligungsstrategie fest und Verbinden Sie dann das Pixel. Shopify aktiviert das Pixel erst, wenn es verbunden ist.
Schritt 3: Bestätigen, dass die Dankeseite veröffentlicht ist
Es gibt eine subtile Shopify-Einstellung, die viele Kauf-Trackings unterbricht. Gehen Sie zu Einstellungen > Checkout und bestätigen Sie, dass die Dankeschön- und Bestellstatusseiten unter der neuen Checkout-Erweiterbarkeit veröffentlicht sind. Wenn nicht, hat Ihr Custom Pixel keine Seite, auf der es ausgelöst werden kann, und das Kaufereignis wird stillschweigend verworfen.
Teil 3: Ihr erstes GA4-Tag in GTM konfigurieren
Sie haben jetzt GTM an zwei Stellen geladen. Es ist Zeit, tatsächlich ein Tag auszulösen.
Innerhalb von GTM:
- Tags > Neu > Google Analytics: GA4-Konfiguration. Geben Sie Ihre Mess-ID ein. Trigger: Alle Seiten. Speichern.
-
Tags > Neu > GA4-Ereignis. Ereignisname:
purchase. Konfigurations-Tag: das soeben erstellte GA4-Tag. Trigger: Benutzerdefiniertes Ereignis mit Ereignisnamepurchase. Unter E-Commerce, aktivieren Sie E-Commerce-Daten senden und setzen Sie die Datenquelle auf Data Layer. Speichern. - Container einreichen. GTM-Änderungen werden erst wirksam, wenn Sie auf Einreichen klicken und eine Version veröffentlichen.
Wiederholen Sie das Muster für begin_checkout, add_to_cart, view_item und alle anderen Ereignisse, die Sie interessieren.
So testen Sie alles ohne Raten
Hier hören die meisten Geschäfte auf, und hier beginnen die meisten Tracking-Fehler. Überspringen Sie dies nicht.
- GTM-Vorschaumodus. Aktivieren Sie die Vorschau in GTM, verbinden Sie sich mit Ihrer Live-Storefront-URL und durchsuchen Sie die Website als Käufer. Jedes erwartete Tag sollte auf der richtigen Seite ausgelöst werden.
-
Debugging von benutzerdefinierten Pixeln. Öffnen Sie Ihr Schaufenster in Chrome, öffnen Sie die Entwicklertools und gehen Sie zur Konsole. Geben Sie
Shopify.designModeein und bestätigen Sie, dass Sie sich im Storefront-Kontext befinden. Benutzerdefinierte Pixel werden in einer laxen Sandbox ausgeführt, daher wechseln Sie das Dropdown-Menü des Konsolenkontexts aufLax, um Pixel-Logs anzuzeigen. - Echte Testbestellung. Geben Sie eine tatsächliche Testbestellung von Anfang bis Ende auf. Rabatt auf 0,01 $ oder erstatten Sie danach. Verlassen Sie sich nicht auf die Bestellvorschau.
-
GA4 DebugView. Öffnen Sie GA4 > Konfigurieren > DebugView, während Sie die Testbestellung aufgeben. Bestätigen Sie, dass ein
purchase-Ereignis mit einer eindeutigentransaction_idankommt. -
Netzwerk-Tab. Filtern Sie in den Entwicklertools nach
collect-Anfragen. Sie sollten eine Kauf-Collect-Anfrage sehen, nicht zwei. Duplikate bedeuten fast immer, dass Sie sowohl das native Google & YouTube App-Tracking als auch Ihr GTM-Tracking gleichzeitig auslösen.
Häufige Fehler, die die Daten ruinieren
- Doppelt ausgelöste Kaufereignisse. Wenn die Google & YouTube App von Shopify installiert und für GA4 konfiguriert ist und Sie GA4 auch über GTM auslösen, wird jeder Kauf zweimal gezählt. Wählen Sie einen Pfad. Wenn Sie die Flexibilität von GTM wünschen, deaktivieren Sie GA4 in der Google & YouTube App.
-
Bearbeiten des Live-Themes. Ein Tippfehler in
theme.liquidund Ihr gesamter Storefront kann leer sein. Immer duplizieren. - Vergessen, das benutzerdefinierte Pixel zu verbinden. Das Pixel tut nichts, bis Sie auf Verbinden klicken. Gespeichert ist nicht dasselbe wie live.
- Fehlende Einwilligungsverwaltung. Wenn Sie EU- oder UK-Verkehr bedienen, müssen Ihr Custom Pixel und Ihre GTM-Tags den Einwilligungsstatus berücksichtigen. Konfigurieren Sie die Berechtigungen für das Pixel und verwenden Sie den Consent Mode v2 in GTM.
- Annahme, dass der Vorschaumodus den Checkout abdeckt. Der GTM-Vorschaumodus läuft nicht in der Custom Pixel-Sandbox. Sie müssen eine echte Bestellung aufgeben, um Checkout-Tags zu überprüfen.
-
Ignorieren der Transaktions-ID. Wenn die
transaction_idfehlt oder instabil ist, wird GA4 Käufe überzählen, wenn ein Käufer die Dankeschön-Seite aktualisiert.
Wann man auf serverseitiges Tagging umsteigen sollte
Client-seitiges GTM im Jahr 2026 verliert einen zunehmenden Anteil von Ereignissen an Ad-Blocker, Safaris ITP, iOS-Datenschutzstandards und Ablehnungen von Zustimmungen. Wenn Ihr Shop mehr als ca. 100.000 US-Dollar Umsatz pro Monat generiert oder Ihre bezahlten Anzeigen stark von der Konversionsgenauigkeit abhängen, ist serverseitiges GTM jetzt eine ernsthafte Überlegung.
Serverseitiges Tagging verlagert die eigentliche Datenerfassung vom Browser des Käufers auf einen von Ihnen kontrollierten Container auf Ihrer eigenen Subdomain. Sie werden eine sauberere Attribution, schnellere Seitenladezeiten und bessere Meta CAPI- und Google Ads-Konversionsabgleichraten feststellen. Es ist keine Einsteiger-Einrichtung, aber es ist das Ziel jeder ernsthaften Shopify-Marke, die Wert auf Tracking legt.
Wann Sie dies einem Experten überlassen sollten
Die Einrichtung von GTM ist eine dieser Aufgaben, die wie eine Checkliste aussieht und sich in einen Sumpf verwandelt. Sie fügen ein Snippet ein, geben eine Testbestellung auf, Käufe werden immer noch nicht angezeigt, GA4 meldet seltsame Zahlen, und jetzt debuggen Sie Pixelsandboxes an einem Freitagabend.
Wenn Sie dies nicht selbst tun möchten, kümmern wir uns um die gesamte Shopify-Analyse-Einrichtung von A bis Z, von GTM über GA4 bis Meta CAPI und serverseitig. Sehen Sie, wie ein vollständiges Shopify-Tracking- und Analyse-Setup aussieht, wenn es von jemandem durchgeführt wird, der es jede Woche macht.
Häufig gestellte Fragen
Muss ich Shopify Plus nutzen, um den Google Tag Manager zu installieren?
Nein. GTM im Storefront funktioniert mit jedem Shopify-Plan. Custom Pixels für das Checkout-Tracking sind ab 2026 auch auf allen Plänen verfügbar.
Kann ich checkout.liquid immer noch für GTM verwenden?
Nein. checkout.liquid wurde für Shopify Plus am 28. August 2025 und für Nicht-Plus-Shops am 26. August 2026 eingestellt. Verwenden Sie stattdessen Custom Pixels.
Wird GTM meinen Shopify-Shop verlangsamen?
Korrekt geladen in <head> mit async, fügt GTM ein paar Kilobyte hinzu und blockiert das Rendering nicht. Aufgeblähte Tag-Setups innerhalb von GTM können die Dinge verlangsamen. Halten Sie Ihre Tags schlank und verwenden Sie Trigger, nicht "Alle Seiten" für alles.
Brauche ich GTM, wenn ich bereits die Google & YouTube App nutze?
Die App reicht aus, wenn Sie sich nur um Google Ads und grundlegende GA4-Berichte kümmern. Verwenden Sie GTM, wenn Sie mehrere Pixel (Meta, TikTok, Pinterest, Klaviyo), benutzerdefinierte Ereignisse oder serverseitiges Tagging benötigen.
Wie teste ich die Kaufverfolgung ohne eine echte Bestellung?
Sie können es nicht vollständig testen, ohne eine echte Bestellung aufzugeben. Der GTM-Vorschaumodus läuft nicht in der Custom Pixel-Sandbox. Geben Sie eine kleine echte Bestellung auf, überprüfen Sie sie in GA4 DebugView und erstatten Sie sie dann zurück.
Wo platziere ich GTM in einem Headless Shopify-Shop?
Bei Headless-Setups injizieren Sie GTM auf Framework-Ebene (Next.js, Hydrogen, Nuxt) in Ihr Root-Layout, und Sie benötigen immer noch das Custom Pixel für den Checkout, da der Checkout auf der Shopify-Domain verbleibt.
Möchten Sie eine echte Telefonnummer für Ihr Geschäft?
Senden Sie uns die URL und die Kataloggröße. Wir melden uns dann mit einem Festpreisangebot und der Liste der abgedeckten Vorlagen bei Ihnen. Ein Anruf ist nicht erforderlich, es sei denn, Sie wünschen dies.
Angebot einholen
