Na czym to polega w sklepie
Snippet kontenera GTM to dwa fragmenty kodu: skrypt w <head> i <noscript> tuż po otwarciu <body>. Ładują kontener z tagami, triggerami i zmiennymi bez edycji kodu przy każdej zmianie pomiaru.
Przykład ze sklepu internetowego
W szablonie Django lub headless storefront wstawiasz kontener GTM-XXXXXX zaraz po meta charset:
<!-- head - jak najwyżej w <head> -->
<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-XXXXXX');</script>
<!-- body - pierwszy element w <body> -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>Co zrobić po stronie biznesu
- Jeden kontener na produkcję, osobny na staging - unikasz zanieczyszczenia danych GA4.
- Snippet tylko raz na stronę - duplikat kontenera podwaja eventy i psuje raporty.
- Po wdrożeniu sprawdź w Tag Assistant, czy kontener ładuje się na każdej podstronie.
W skrócie
bez poprawnego snippetu żaden tag, trigger ani zmienna GTM nie zadziała. To pierwszy krok przed GA4 Configuration i eventami ecommerce.