So integrierst Du den Google Tag Manager in Shopify

🔧 So integrierst Du den Google Tag Manager korrekt in Shopify:

1. Code in den <head> einfügen (Tracking-Script)

Gehe in Deinem Shopify-Backend zu:

Online-Shop → Themes → Aktionen → Code bearbeiten → theme.liquid

Suche nach </head> und füge den Code direkt davor ein:

<!-- 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-N4GB4CX');
</script>
<!-- End Google Tag Manager -->

2. NoScript-Fallback direkt nach <body> einfügen

Dieser Teil wird benötigt, damit der Tag Manager auch bei deaktiviertem JavaScript funktioniert.

Füge diesen Code direkt nach dem <body>-Tag ein, in derselben Datei (theme.liquid):

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N4GB4CX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

✅ Ergebnis:

  • Das Skript im <head> lädt den Tag Manager.
  • Das <noscript>-Snippet stellt sicher, dass GTM auch ohne JavaScript aktiv ist (für Datenschutz- und Compliance-Zwecke wichtig).
  • So funktioniert GTM korrekt auf allen Seiten Deines Shopify-Shops.

Rockstarroom.com ist deine Agentur für digitale Transformation und Performance-Marketing mit Fokus auf messbare Ergebnisse. Wir verbinden kreatives Webdesign, moderne Technologien und datengetriebenes Online-Marketing zu skalierbaren Lösungen für deinen Erfolg. Von Shopify-Shops bis hin zu Automatisierungen und Growth-Strategien bieten wir dir alles, um dein Business auf das nächste Level zu heben.