General guidance and overview for Google Tag Manager (GTM), including what GTM is, how it works, GTM architecture, account structure, workspace concepts, version control, publishing workflows, when to use GTM, GTM vs hardcoded tags, container types (web, mobile, server-side), GTM terminology, common use cases, and routing to specialized GTM skills. Use when asking general questions about GTM, learning about GTM fundamentals, understanding GTM concepts, planning GTM implementation strategy, comparing GTM approaches, getting started with GTM, or when unsure which specific GTM skill to use.
/plugin marketplace add henkisdabro/wookstar-claude-code-plugins/plugin install gtm-suite@wookstar-claude-code-pluginsThis skill inherits all available tools. When active, it can use any tool Claude has access to.
references/gtm-overview.mdGeneral guidance for Google Tag Manager (GTM) covering fundamentals, concepts, architecture, and routing to specialized skills for specific GTM tasks.
Invoke this skill when:
Google Tag Manager (GTM) is a free tag management system that allows you to deploy and manage marketing tags (tracking codes, analytics snippets, pixels) on your website or mobile app without modifying code directly.
Key Benefits:
Account (Organization level) └── Container (Website/App level) ├── Workspace (Development environment) │ ├── Tags (What to fire) │ ├── Triggers (When to fire) │ └── Variables (Data to capture) └── Versions (Snapshots of container state)
Tags - Code snippets to fire (GA4, Google Ads, pixels, custom HTML)
Triggers - Rules for when tags should fire (page views, clicks, events)
Variables - Dynamic values used in tags and triggers (URLs, data layer values, cookies)
Data Layer - JavaScript object for passing data to GTM
Web Container - For websites
Mobile Container - For iOS/Android apps
Server-Side Container - For server-side tagging
Workspaces - Isolated development environments
Versions - Snapshots of container configuration
Environments - Different deployment targets
Hardcoded Tags (Traditional Approach):
GTM (Tag Management):
When to use hardcoded: Very simple sites, critical tags that must never change, single tag with no management needs
When to use GTM: Most websites, multiple tags, frequent tag changes, marketing/analytics tags
<head> and <body> of all pagesAuto-Event Variables - Built-in variables for click, form, scroll events Built-in Variables - Pre-configured variables (Page URL, Referrer, etc.) Community Template Gallery - Shared tag/variable templates Container ID - Unique ID for your GTM container (GTM-XXXXXX) Debug Mode - GTM Preview mode for testing Firing Trigger - Trigger that causes tag to fire Lookup Table - Variable that maps inputs to outputs Preview Mode - Testing mode to debug GTM before publishing Tag Sequencing - Control order of tag firing User-Defined Variable - Custom variable you create Workspace - Development environment for making changes
Based on your specific GTM need, use these specialized skills:
Container Setup & Installation → Use gtm-setup skill
Tag Configuration → Use gtm-tags skill
Trigger Setup → Use gtm-triggers skill
Variable Configuration → Use gtm-variables skill
Data Layer Implementation → Use gtm-datalayer skill
Debugging & Testing → Use gtm-debugging skill
Best Practices & Optimization → Use gtm-best-practices skill
Custom Template Development → Use gtm-custom-templates skill
API & Automation → Use gtm-api skill
Q: Do I need GTM if I only use Google Analytics? A: GTM is recommended even for GA-only setups because it provides flexibility to modify tracking without code changes, easier debugging, and future-proofing for additional tags.
Q: Does GTM slow down my website? A: GTM loads asynchronously and typically has minimal impact. Proper implementation with optimized tags can actually improve performance vs hardcoded tags.
Q: Can I use GTM on a single-page application (SPA)? A: Yes! Use History Change triggers for route changes and implement data layer pushes for virtual page views. See gtm-datalayer and gtm-triggers skills.
Q: How do I test GTM without affecting production data? A: Use Preview mode to test before publishing, use development environments, configure filters in analytics platforms to exclude test traffic.
Q: Can multiple people work on GTM at once? A: Yes, use Workspaces to allow simultaneous development. Each person works in their own workspace and merges changes when ready.
Q: What's the difference between GTM web and server-side containers? A: Web containers run in the browser (client-side), server-side containers run on your server infrastructure for enhanced privacy, first-party data, and performance.
All GTM skills work together for comprehensive GTM implementation:
"I want to..."
See gtm-best-practices skill for detailed guidance.
Use when working with Payload CMS projects (payload.config.ts, collections, fields, hooks, access control, Payload API). Use when debugging validation errors, security issues, relationship queries, transactions, or hook behavior.
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.