Claude Code je AI kódovací agent od spoločnosti Anthropic. Agent sa ovláda cez terminál a pripája sa k externým nástrojom cez otvorený protokol Model Context Protocol (MCP).
Marco Kuzmický
Data & Analytics Team Leader
30. júla 2026
12 min.
PokročilýClaude Code je AI kódovací agent od spoločnosti Anthropic. Agent sa ovláda cez terminál a pripája sa k externým nástrojom cez otvorený protokol Model Context Protocol (MCP). Nastavenie Google Tag Manager (GTM) tradične vyžaduje manuálne prepínanie medzi rozhraním GTM a prehliadačom. Marketér alebo vývojár musí po každej zmene tagu otvoriť stránku a skontrolovať, či sa dátová vrstva (dataLayer) a sieťová požiadavka spúšťajú správne. Kombinácia dvoch MCP serverov mení tento proces na jednu súvislú slučku. MCP Server pre Google Tag Manager od Stape spravuje tagy, triggery a premenné priamo cez GTM API. Chrome DevTools MCP od Google overuje výsledok v reálnom prehliadači a to bez otvárania GTM rozhrania. Tento článok popisuje inštaláciu oboch serverov a kompletný automatizovaný workflow od promptu po overený tag.
Claude Code je AI kódovací agent (autonómny softvérový nástroj s prístupom k terminálu, súborom a externým službám). Agent vykonáva úlohy priamo v repozitári alebo v pripojenom prostredí. Model Context Protocol je otvorený štandard, ktorý pripája jazykové modely k externým API, databázam a nástrojom. MCP definuje jednotný spôsob, akým agent objavuje a volá dostupné nástroje.
Claude Code funguje ako MCP klient. Klient sa pripája k MCP serverom, ktoré vystavujú konkrétne schopnosti. Napríklad správu GTM kontajnera alebo ovládanie prehliadača. Príkaz claude mcp add pripojí nový server k aktuálnej relácii. Príkaz claude mcp list zobrazí zoznam pripojených serverov a ich stav.
Claude Code rozlišuje tri typy transportu MCP servera. Stdio spustí lokálny podproces a komunikuje cez štandardný vstup a výstup. HTTP komunikuje so vzdialeným serverom cez bežné požiadavky a podporuje OAuth. SSE (Server-Sent Events) je pôvodný streamovací transport; Anthropic ho označuje za zastaraný v prospech HTTP.
Viac o Claude a MCP serveroch sa dozviete v našom článku Claude a MCP servery – Ako funguje Model Context Protocol
Automatizácia GTM vyžaduje dva nezávislé MCP servery. Každý server pokrýva inú vrstvu úlohy ako správu dát v GTM a vizuálne overenie v prehliadači.
| Server | Účel | Transport | Autentifikácia |
| GTM MCP Server (Stape) | Vytvára, upravuje a maže tagy, triggery, premenné a verzie v GTM kontajneri | HTTP (vzdialený, cez mcp-remote) | Google OAuth |
| Chrome DevTools MCP (Google) | Ovláda živý Chrome prehliadač, číta konzolu, sieťové požiadavky a snímky obrazovky | Stdio (lokálny proces cez npx) | Žiadna — beží lokálne |
GTM MCP Server je vzdialený server na adrese gtm-mcp.stape.ai. Server poskytuje rozhranie ku Google Tag Manager API. Nástroj podporuje vytváranie, čítanie, aktualizáciu a mazanie účtov, pracovných priestorov, kontajnerov, tagov, triggerov, premenných, priečinkov a šablón.
Chrome DevTools MCP je oficiálny nástroj tímu Google Chrome. Server vystavuje 29 nástrojov v siedmich kategóriách: vstup, navigácia, výkon, sieť, ladenie, emulácia a pamäť. Nástroj beží ako lokálny proces cez balík chrome-devtools-mcp a vyžaduje nainštalovaný Google Chrome.
Kontaktujte nás cez náš webový formulár a radi sa o to postaráme.
Ak chcete automatizovať správu Google Tag Managera pomocou Claude Code, prvým krokom je pripojenie Google Tag Manager MCP Servera od spoločnosti Stape. Tento server funguje ako sprostredkovateľ medzi Claude Code a Google Tag Manager API, vďaka čomu môže AI agent vytvárať, upravovať alebo odstraňovať tagy, triggery, premenné či publikovať nové verzie kontajnera bez potreby manuálne pracovať v rozhraní GTM.
Projekt je open source a jeho zdrojový kód spolu s aktuálnou dokumentáciou nájdete na GitHube: https://github.com/stape-io/google-tag-manager-mcp-server
Pred samotnou inštaláciou je potrebné splniť niekoľko základných požiadaviek. V prvom rade musí byť v počítači nainštalovaný Node.js vo verzii 18 alebo vyššej, pretože MCP server sa spúšťa prostredníctvom balíka npx. Rovnako je potrebné mať nainštalovaný Claude Code a používateľ musí byť prihlásený do Google účtu, ktorý má oprávnenie upravovať požadovaný Google Tag Manager kontajner.
Dôležitou požiadavkou je správne identifikovať GTM kontajner. Stape odporúča používať numerické Container ID, ktoré nájdete priamo v URL adrese administrácie Google Tag Managera. Nepoužívajte verejné ID v tvare GTM-XXXXXXX, ktoré slúži iba na vloženie GTM skriptu do webovej stránky. Numerické ID je jednoznačným identifikátorom kontajnera v Google Tag Manager API a minimalizuje riziko chybného výberu kontajnera pri práci s viacerými účtami.
Po splnení všetkých predpokladov môžete MCP server pripojiť ku Claude Code. Najjednoduchším spôsobom je vytvorenie konfigurácie v súbore .mcp.json, ktorá zabezpečí komunikáciu cez balík mcp-remote.
Nasledujúca konfigurácia pripojí GTM MCP server cez balík mcp-remote:
{
"mcpServers": {
"google-tag-manager-mcp-server": {
"command": "npx",
"args": ["-y", "mcp-remote", "https://gtm-mcp.stape.ai/mcp"]
}
}
}
Konfiguráciu môžete uložiť dvoma spôsobmi:
Alternatívou je pridanie servera priamo z terminálu pomocou príkazu claude mcp add-json, ktorý automaticky vytvorí potrebnú konfiguráciu bez manuálnej úpravy JSON súboru.
Po uložení konfigurácie stačí reštartovať Claude Code, aby sa nový MCP server načítal medzi dostupné nástroje.
Pri prvom spustení servera Claude Code automaticky otvorí webový prehliadač s prihlasovacou stránkou Google. Nasleduje štandardný OAuth autentifikačný proces, počas ktorého používateľ udelí MCP serveru oprávnenie pristupovať ku Google Tag Manager API.
Po úspešnom prihlásení sa autentifikačný token bezpečne uloží a pri ďalších spusteniach už nie je potrebné autorizáciu opakovať, pokiaľ nedôjde k jej vypršaniu alebo odvolaniu.
Správnosť pripojenia si môžete overiť priamo v Claude Code pomocou príkazu:
/mcp
Claude Code následne zobrazí zoznam všetkých pripojených MCP serverov vrátane ich aktuálneho stavu. Ak je všetko nastavené správne, medzi dostupnými nástrojmi sa zobrazí aj Google Tag Manager MCP Server a agent môže okamžite začať vytvárať alebo upravovať GTM kontajnery prostredníctvom prirodzených textových promptov bez otvárania administračného rozhrania Google Tag Managera.
Po nakonfigurovaní Google Tag Manager MCP Servera je druhým krokom inštalácia Chrome DevTools MCP. Tento oficiálny MCP server od tímu Google umožňuje Claude Code ovládať reálny prehliadač Chrome, navigovať na webové stránky, analyzovať obsah dataLayer, sledovať sieťové požiadavky, čítať výpis konzoly a vytvárať snímky obrazovky. Práve vďaka týmto možnostiam dokáže AI agent automaticky overiť, či novovytvorený GTM tag funguje správne bez manuálneho testovania.
Projekt je open source a jeho dokumentáciu spolu so zdrojovým kódom nájdete na GitHube: https://github.com/ChromeDevTools/chrome-devtools-mcp/?tab=readme-ov-file#chrome-devtools-mcp
Pred inštaláciou je potrebné mať v počítači nainštalovaný Google Chrome alebo Chrome for Testing. Chrome DevTools MCP využíva interné rozhranie Chrome DevTools Protocol (CDP), preto oficiálne podporuje iba prehliadač Google Chrome. Hoci existujú aj ďalšie prehliadače postavené na projekte Chromium, napríklad Microsoft Edge alebo Brave, ich použitie nie je oficiálne podporované a môže spôsobovať problémy s kompatibilitou.
Rovnako ako pri ostatných MCP serveroch je nevyhnutné mať nainštalovaný Node.js, pretože server sa spúšťa prostredníctvom balíka npx. Node.js musí byť dostupný v rovnakom prostredí, v ktorom je spustený Claude Code, aby dokázal server korektne inicializovať.
Chrome DevTools MCP môžete pridať priamo z terminálu jediným príkazom:
claude mcp add chrome-devtools --scope user -- npx chrome-devtools-mcp@latest
Parameter --scope user nainštaluje server na úrovni používateľa, takže bude automaticky dostupný vo všetkých projektoch otvorených v Claude Code. Ak potrebujete server používať iba v konkrétnom projekte, môžete zvoliť projektový rozsah pomocou konfiguračného súboru .mcp.json.
Po spustení server automaticky vytvorí vlastnú inštanciu prehliadača Chrome s oddeleným používateľským profilom. Takéto riešenie zabraňuje tomu, aby automatizované testovanie ovplyvnilo váš bežný prehliadač, otvorené karty, uložené cookies alebo osobné rozšírenia. Claude Code tak pracuje v izolovanom prostredí určenom výhradne na automatizáciu a ladenie webových stránok.
Chrome DevTools MCP podporuje viacero voliteľných parametrov, ktoré umožňujú prispôsobiť správanie servera konkrétnemu spôsobu práce.
Parameter --isolated spustí Chrome s úplne dočasným používateľským profilom. Po ukončení relácie sa všetky cookies, cache aj lokálne dáta automaticky odstránia. Tento režim je vhodný najmä pri testovaní produkčných webov alebo pri práci s citlivými údajmi.
Naopak parameter --autoConnect nepripraví novú inštanciu prehliadača, ale pripojí sa k už otvorenému Chrome prostredníctvom Chrome DevTools Protocol. Výhodou je zachovanie existujúcich prihlásení, cookies, rozšírení aj otvorených kariet, čo je praktické pri testovaní administrácií alebo aplikácií, ktoré vyžadujú autentifikáciu.
Voľba vhodného režimu závisí od konkrétneho scenára. Na automatizované testovanie a CI/CD prostredia sa odporúča používať --isolated, zatiaľ čo pri každodennom ladení webových aplikácií býva efektívnejšie pripojenie cez --autoConnect, ktoré eliminuje potrebu opakovaného prihlasovania.
Kombinácia oboch serverov vytvára uzavretú slučku overovania bez manuálneho zásahu medzi krokmi.
"Tradičná správa dátovej analytiky vyžadovala silný technický skill a skúsenosti s nastavovaním a overovaním meraní. Prepojenie GTM MCP servera od Stape a Chrome DevTools MCP od Google dáva AI agentovi prístup ku všetkému potrebnému naraz. Claude Code zmenu nielen vykoná cez API, ale ju aj v izolovanom prehliadači reálne prekliká, overí sieťové požiadavky na GA4 a prípadné chyby ihneď autokorektívne opraví. Pre marketérov to znamená masívnu úsporu času a presun kapacity špecialistov k dátovej architektúre. Zároveň to demokratizuje tracking pre výkonnostných marketérov, ktorí si tak dokážu overiť zber dát bez rizika pre produkciu. Výsledkom sú čisté dáta pre presnú optimalizáciu kampaní."
Jakub Gombár AI Team Leader & Co-Founder
Presná formulácia promptu ovplyvňuje spoľahlivosť výsledku. Nasledujúci príklad kombinuje oba servery v jednej úlohe:
Použi GTM MCP server na kontajneri s ID 123456789:
1. Vytvor GA4 event tag "purchase_confirmed", ktorý sa spustí pri kliknutí
na tlačidlo s triedou .confirm-order.
2. Publikuj zmenu do testovacieho prostredia "staging".
3. Použi Chrome DevTools MCP a otvor stránku https://staging.priklad.sk/checkout.
4. Klikni na tlačidlo s triedou .confirm-order a over cez network panel,
že sa odoslala požiadavka na Google Analytics 4 s parametrom
event_name=purchase_confirmed.
5. Ak požiadavka chýba alebo obsahuje chybný parameter, uprav trigger
v GTM a test zopakuj.
Prompt uvádza numerické Container ID namiesto verejného GTM-ID. Numerické ID znižuje počet chybne identifikovaných kontajnerov pri viacerých pripojených účtoch.
Automatizácia Google Tag Managera pomocou Claude Code a MCP serverov výrazne zrýchľuje prácu, zároveň však prináša prístup k nástrojom, ktoré dokážu meniť konfiguráciu GTM kontajnera alebo pracovať s obsahom webového prehliadača. Z tohto dôvodu je vhodné dodržiavať niekoľko bezpečnostných a prevádzkových odporúčaní, ktoré minimalizujú riziko neúmyselných zmien alebo úniku citlivých údajov.
Jedným z prvých rozhodnutí je výber správneho rozsahu pripojenia MCP servera. Ak server nainštalujete pomocou parametra --scope user, bude dostupný vo všetkých projektoch otvorených v Claude Code. Takéto riešenie je vhodné pre samostatných vývojárov alebo používateľov, ktorí pracujú s rovnakými nástrojmi vo viacerých repozitároch. Naopak, ak má byť konfigurácia dostupná iba pre jeden konkrétny projekt, odporúča sa uložiť ju do súboru .mcp.json v koreňovom adresári projektu. Výhodou projektového rozsahu je jednoduché zdieľanie konfigurácie s ostatnými členmi tímu prostredníctvom Git repozitára, pričom ostatné projekty zostanú od tejto konfigurácie oddelené.
Pri práci s Google Tag Managerom by malo byť samozrejmosťou využívanie testovacieho (staging) prostredia. Hoci GTM MCP Server umožňuje vytvárať nové verzie kontajnera aj ich publikovanie, odporúča sa automatizovaný workflow smerovať výhradne do testovacieho prostredia. Produkčný kontajner by mal zostať chránený manuálnym schvaľovacím procesom, aby sa predišlo situácii, keď nesprávne nastavený tag alebo trigger ovplyvní zber analytických dát na živom webe. Automatizácia je ideálna na vytváranie, úpravy a testovanie konfigurácie, finálne publikovanie do produkcie by však malo zostať vedomým rozhodnutím administrátora.
Osobitnú pozornosť treba venovať aj práci Chrome DevTools MCP s webovým prehliadačom. Tento server poskytuje Claude Code prístup k obsahu aktívnej karty vrátane cookies, údajov uložených v localStorage, sieťových požiadaviek či výpisov z konzoly. Ak by ste mali v tom istom prehliadači otvorenú internet banking aplikáciu, firemnú administráciu alebo iný citlivý systém, tieto údaje by mohli byť sprístupnené automatizačnému procesu. Preto sa odporúča vykonávať testovanie výhradne v samostatnom okne alebo profile určenom na automatizáciu a nikdy nepoužívať MCP na kartách s citlivými informáciami.
Veľmi užitočnou funkciou je parameter --isolated, ktorý spustí Chrome s dočasným používateľským profilom. V tomto režime sa vytvorí úplne nové prostredie bez histórie prehliadania, uložených hesiel, cookies alebo rozšírení. Po ukončení relácie sa celý profil automaticky odstráni, takže na disku nezostanú žiadne dočasné dáta. Izolovaný režim je preto odporúčanou voľbou pri testovaní produkčných webov alebo pri práci na počítači, ktorý používa viacero používateľov.
Za zmienku stojí aj telemetria. Chrome DevTools MCP v predvolenom nastavení odosiela anonymizované štatistiky o používaní nástroja, ktoré slúžia vývojárom na zlepšovanie projektu a odhaľovanie chýb. Organizácie s prísnejšími bezpečnostnými pravidlami alebo internými smernicami môžu túto funkcionalitu jednoducho vypnúť pomocou parametra --no-usage-statistics. Tým sa zabráni odosielaniu anonymných údajov o používaní servera bez toho, aby to ovplyvnilo jeho funkcionalitu.
Dodržiavanie týchto odporúčaní pomáha zabezpečiť, aby automatizácia prostredníctvom Claude Code a MCP serverov zostala nielen efektívna, ale aj bezpečná. Správne nastavený rozsah pripojenia, využívanie testovacieho prostredia, izolovaný profil prehliadača a kontrola telemetrie výrazne znižujú riziko chýb aj nechceného sprístupnenia citlivých údajov počas automatizovaného workflowu.
Chýbajúci parameter type pri HTTP serveri. Konfiguračný záznam s url, ale bez type, Claude Code interpretuje ako stdio server a pripojenie preskočí. Riešenie: explicitne doplniť "type": "http".
Nesprávna PATH premenná pre Node.js. Claude Code spúšťa MCP podprocesy v inom prostredí shellu ako terminál používateľa. Pri používaní nvm treba buď zadať absolútnu cestu k binárke Node, alebo zabezpečiť načítanie nvm aj v neinteraktívnom shelli.
Zámena alfanumerického a numerického GTM ID. Verejné ID v tvare GTM-XXXXXXX slúži na identifikáciu kontajnera vo webovej stránke. GTM MCP server vyžaduje numerické Container ID z adresy rozhrania GTM.
Neplatný JSON v konfiguračnom súbore. Prebytočná čiarka alebo neuzavretá úvodzovka v .mcp.json spôsobí tiché zlyhanie pripojenia. Validácia JSON linterom pred reštartom Claude Code chybu odhalí vopred.
Kontaktujte nás cez náš webový formulár a radi sa o to postaráme.
Aký je rozdiel medzi Claude Code a MCP? Claude Code je AI kódovací agent. Model Context Protocol je otvorený štandard, cez ktorý sa agent pripája k externým nástrojom a dátam.
Ako pridám MCP server do Claude Code? Príkaz claude mcp add pripojí server priamo z terminálu. Konfiguráciu je možné uložiť aj ručne do súboru .mcp.json alebo ~/.claude.json.
Prečo GTM MCP server vyžaduje numerické Container ID? Numerické ID jednoznačne identifikuje kontajner v GTM API. Alfanumerické verejné ID (GTM-XXXXXXX) slúži len na vloženie skriptu do webovej stránky, nie na volania API.
Čo robí Chrome DevTools MCP v tomto workflowe? Server otvára stránku v reálnom prehliadači Chrome a overuje výsledok publikovaného tagu, sieťové požiadavky, dátovú vrstvu a správy konzoly.
Je automatizácia bezpečná pre produkčný GTM kontajner? Odporúčaný postup publikuje zmeny najprv do testovacieho prostredia. Produkčné publikovanie zostáva samostatným krokom mimo automatizovanej slučky.
Claude Code prepája dva samostatné MCP servery do jedného automatizovaného workflowu. GTM MCP server od Stape vykonáva zmeny v kontajneri cez GTM API. Chrome DevTools MCP tieto zmeny overuje priamo v prehliadači bez manuálneho prepínania medzi nástrojmi. Výsledkom je uzavretá slučka: vytvorenie tagu, publikovanie do testovacieho prostredia, sieťové overenie a prípadná oprava. Ďalším krokom je vyskúšanie workflowu na testovacom GTM kontajneri s jednoduchým tagom, napríklad sledovaním kliknutia na tlačidlo.
Marco Kuzmický
Data & Analytics Team Leader
Najnovšie trendy, overené postupy a analýzy z digitálu. Zistite, ako posunúť svoj technologický a marketingový rast.
A nezabudnite si pozrieť Invelity Extras – nájdete tam marketingový lexikón, užitočné tooly a pluginy, ktoré vám uľahčia prácu!
Invelity Extras
