![\"Przep\u0142yw](\"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/diagrams\/claude-gtm-pl.png\")
Czym jest Claude Code<\/h2>\n
Claude Code to agentowe narz\u0119dzie do programowania: odczytuje lokalny katalog z kodem lub projektem, edytuje pliki, uruchamia polecenia pow\u0142oki i wywo\u0142uje zewn\u0119trzne narz\u0119dzia za po\u015brednictwem Model Context Protocol (MCP). Wyst\u0119puje w kilku formach \u2014 jako CLI terminalowe (macOS, Linux oraz Windows przez PowerShell lub Git Bash), jako aplikacja desktopowa dla macOS i Windows, jako rozszerzenie do VS Code i \u015brodowisk JetBrains, a tak\u017ce jako wersja przegl\u0105darkowa pod adresem claude.ai\/code. \u017badna z tych form nie zawiera natywnego \u0142\u0105cznika do Google Tag Managera; ka\u017cde zadanie zwi\u0105zane z GTM przechodzi przez og\u00f3lne mo\u017cliwo\u015bci, takie jak dost\u0119p do plik\u00f3w, skryptowanie i automatyzacja przegl\u0105darki, a nie przez dedykowan\u0105 wtyczk\u0119.<\/p>\n
Claude Code for Desktop na Windows 11<\/h2>\n
Na Windows 11 aplikacja desktopowa dok\u0142ada warstw\u0119 graficzn\u0105 nad tym samym agentem: edytor plik\u00f3w, wbudowany terminal, widok r\u00f3\u017cnic (diff) dla ka\u017cdej proponowanej zmiany oraz panel podgl\u0105du przegl\u0105darki do testowania stron bez opuszczania aplikacji. Do dzia\u0142ania narz\u0119dzia Bash wymagany jest Git for Windows; bez niego aplikacja korzysta z PowerShell. Do pracy lokalnej instalacja WSL nie jest potrzebna, cho\u0107 istniej\u0105c\u0105 ju\u017c dystrybucj\u0119 WSL2 da si\u0119 podpi\u0105\u0107 jako \u015brodowisko.<\/p>\n
Dla pracy zwi\u0105zanej z trackingiem szczeg\u00f3lnie istotne s\u0105 dwie rzeczy: tryby uprawnie\u0144 oraz panel przegl\u0105darki. Tryby uprawnie\u0144 obejmuj\u0105 zakres od r\u0119cznego zatwierdzania ka\u017cdej pojedynczej zmiany pliku i ka\u017cdego polecenia a\u017c po tryb planowania, w kt\u00f3rym zamierzone zmiany zostaj\u0105 najpierw przedstawione, zanim cokolwiek zostanie ruszone \u2014 przydatne, gdy skrypt ma za chwil\u0119 zmodyfikowa\u0107 eksport kontenera albo wywo\u0142a\u0107 API GTM. Panel przegl\u0105darki pozwala otworzy\u0107 stron\u0119 testow\u0105, sprawdzi\u0107 \u017c\u0105dania sieciowe i data layer oraz zweryfikowa\u0107, czy tag faktycznie si\u0119 odpala \u2014 wszystko w tym samym oknie, w kt\u00f3rym powstaje kod tagu.<\/p>\n
Gdzie Claude Code pasuje do zmiany w GTM<\/h2>\n
Wdro\u017cenie w GTM sk\u0142ada si\u0119 zwykle z trzech lu\u017ano powi\u0105zanych element\u00f3w: konfiguracji kontenera, kodu udost\u0119pnianego przez witryn\u0119 (data layer, elementy DOM albo endpoint REST) oraz celu, do kt\u00f3rego tag wysy\u0142a dane. Claude Code przydaje si\u0119 przy pierwszych dw\u00f3ch elementach oraz na styku mi\u0119dzy nimi:<\/p>\n
- \n
- Odczyt wyeksportowanego kontenera (
Container.json<\/code> z funkcji eksportu GTM albo odpowied\u017a API GTM) i podsumowanie tag\u00f3w, trigger\u00f3w oraz zmiennych w zrozumia\u0142ej formie, co u\u0142atwia wychwycenie niemal-duplikat\u00f3w lub niesp\u00f3jnego nazewnictwa.<\/li>\n- Przygotowanie lub sprawdzenie kodu JavaScript wewn\u0105trz tagu Custom HTML albo Custom Template, \u0142\u0105cznie z przypadkami brzegowymi, jak klucz data layer, kt\u00f3ry jeszcze si\u0119 nie pojawi\u0142.<\/li>\n
- Por\u00f3wnanie tego, czego oczekuje warunek triggera, z tym, co faktycznie wysy\u0142a data layer witryny \u2014 za pomoc\u0105 panelu przegl\u0105darki albo przegl\u0105darki pod\u0142\u0105czonej przez MCP na stronie produkcyjnej lub testowej.<\/li>\n
- Napisanie niewielkich skrypt\u00f3w wobec API GTM (z kontem us\u0142ugi) do eksportu kontenera, por\u00f3wnania dw\u00f3ch wersji albo wyszukania tag\u00f3w bez pasuj\u0105cego triggera \u2014 nic z tego nie jest wbudowane, wi\u0119c sam skrypt jest pisany i sprawdzany jak ka\u017cdy inny kod.<\/li>\n
- Przygotowanie dokumentacji: kr\u00f3tkiej strony markdown wypisuj\u0105cej, co robi dany tag, od jakich kluczy data layer zale\u017cy i dlaczego trigger ma taki, a nie inny zakres \u2014 tak, \u017ceby kolejna osoba dotykaj\u0105ca kontenera nie musia\u0142a go odtwarza\u0107 od zera.<\/li>\n<\/ul>\n
Konkretny przyk\u0142ad: sprawdzenie tagu Custom HTML<\/h2>\n
Cz\u0119stym zadaniem jest weryfikacja tagu Custom HTML przed jego uruchomieniem na produkcji \u2014 na przyk\u0142ad tagu, kt\u00f3ry odczytuje zmienn\u0105 data layer i przekazuje j\u0105 dalej tylko wtedy, gdy warto\u015b\u0107 wygl\u0105da na poprawn\u0105. Przy sprawdzaniu takiego tagu Claude Code potrafi wskaza\u0107 dok\u0142adnie ten rodzaj b\u0142\u0119du, kt\u00f3ry \u0142atwo przeoczy\u0107 przy kopiowaniu fragmentu kodu z forum:<\/p>\n
<script>\n(function() {\n var dl = window.dataLayer || [];\n var lastEvent = dl[dl.length - 1] || {};\n var orderId = lastEvent.order_id;\n\n if (typeof orderId === 'string' && orderId.length > 0) {\n gtag('event', 'purchase_confirmed', { order_id: orderId });\n }\n})();\n<\/script><\/code><\/pre>\nOdczyt data layer przez
dl[dl.length - 1]<\/code> psuje si\u0119 po cichu, gdy mi\u0119dzy eventem zakupu a odpaleniem tego tagu jaki\u015b inny tag wypchnie kolejny event \u2014 wtedy tag odczytuje niew\u0142a\u015bciwy obiekt. Przegl\u0105d wychwyci\u0142by to i zaproponowa\u0142 odczyt warto\u015bci ze zmiennej data layer skonfigurowanej w GTM, kt\u00f3ra nie zale\u017cy od pozycji w tablicy. Wy\u0142apanie tego rodzaju za\u0142o\u017cenia o kolejno\u015bci zdarze\u0144 przed publikacj\u0105 to dok\u0142adnie ten typ sprawdzenia, kt\u00f3ry \u0142atwo zautomatyzowa\u0107 wok\u00f3\u0142 GTM, ale kt\u00f3rego sam interfejs GTM nie sygnalizuje.<\/p>\nPozostaj\u0105c w granicach<\/h2>\n
Dwie rzeczy nie zmieniaj\u0105 si\u0119 niezale\u017cnie od tego, jak zorganizowany jest ca\u0142y proces. Po pierwsze, publikacja pozostaje r\u0119cznym, ludzkim dzia\u0142aniem. Claude Code mo\u017ce przygotowa\u0107 eksport kontenera, wygenerowa\u0107 JSON dla nowego tagu albo napisa\u0107 skrypt wywo\u0142uj\u0105cy API GTM. Sam klik w \u201eOpublikuj\u201d, albo wywo\u0142anie API, kt\u00f3re go uruchamia, pozostaje \u015bwiadomym krokiem osoby odpowiedzialnej za konto \u2013 najlepiej po sprawdzeniu zmiany w natywnym trybie podgl\u0105du GTM. Po drugie, wszystko, co Claude Code zdaje si\u0119 \u201ewiedzie\u0107\u201d o konkretnym koncie GTM, pochodzi wy\u0142\u0105cznie z tego, co zosta\u0142o jawnie przekazane w danej sesji \u2014 wyeksportowany plik, wklejony fragment kodu albo strona otwarta w panelu przegl\u0105darki \u2014 a nie z trwa\u0142ego po\u0142\u0105czenia z samym kontem.<\/p>\n
U\u017cywany w ten spos\u00f3b Claude Code nie zast\u0119puje interfejsu GTM ani jego trybu podgl\u0105du i debugowania; zdejmuje warstw\u0119 r\u0119cznego odczytywania i pracy typu kopiuj-wklej wok\u00f3\u0142 niego \u2014 na kontenerze, kt\u00f3ry nadal sprawdza i publikuje cz\u0142owiek.<\/p>\n