Тег (Tag) у Google Tag Manager — фрагмент коду або конфігурації, який відправляє дані у зовнішню систему (GA4, Google Ads, Meta Pixel) або виконує дію на сторінці. Тег спрацьовує, коли активується пов'язаний з ним тригер.
Тег (Tag) у Google Tag Manager (GTM) — це окрема одиниця конфігурації, яка визначає, який фрагмент коду запустити на сайті і з якими параметрами. Фактично тег відповідає за відправку події в конкретну систему: GA4, Google Ads Conversion, Meta Pixel, LinkedIn Insight Tag, Microsoft Clarity, Hotjar або довільний JavaScript. GTM як продукт побудований навколо трьох сутностей — tag, trigger, variable — і тег тут центральний: саме він щось робить, тоді як тригер лише вирішує коли це зробити, а змінна — з якими даними. Через контейнер GTM можна підключити більшість маркетингових і аналітичних сервісів без правок коду сайту: маркетолог створює тег у візуальному інтерфейсі, прив’язує тригер, публікує версію — і з цього моменту тег спрацьовує на сторінці.
Як влаштований тег у GTM
Технічно тег — це інструкція «при спрацюванні тригера X виконати код Y із даними Z». GTM зберігає конфігурацію у JSON на серверах Google, при завантаженні сторінки контейнер скачує актуальну версію та, коли настає подія, вбудовує код тегу у <script> на клієнті або надсилає HTTP-запит на сервер відповідної системи.
Структура тегу:
- Тип тегу — обирається з каталогу шаблонів (GA4 Event, Google Ads Conversion, Meta Pixel) або «Custom HTML/Custom Image» для довільного коду.
- Конфігурація тегу — поля залежать від типу: Measurement ID для GA4, Pixel ID для Meta, Conversion Label для Ads.
- Тригер — одна або кілька умов, за яких тег спрацьовує.
- Винятки (Exceptions) — умови, за яких тег блокується навіть при активному тригері.
- Черговість (Tag Sequencing) — дозволяє вказати, що Tag A запускається до/після Tag B.
При публікації версії GTM генерує контейнер і кешує його в CDN Google. Час від зміни до реального спрацювання на сайті — зазвичай 1–5 хвилин.
Типи тегів за категоріями
У каталозі GTM понад 150 готових шаблонів. Найпоширеніші:
| Категорія | Приклади тегів | Що роблять |
|---|---|---|
| Аналітика | GA4 Configuration, GA4 Event | Відправляють події в Google Analytics 4 |
| Реклама | Google Ads Conversion, Google Ads Remarketing, Floodlight | Фіксують конверсії і ремаркетинг |
| Соцмережі | Meta Pixel, LinkedIn Insight, TikTok Pixel, X Pixel | Піксель-трекінг для таргетингу |
| Heatmap/UX | Hotjar, Microsoft Clarity, Mouseflow | Запис сесій і теплові карти |
| CRM/Callback | HubSpot, Intercom, Callibri | Інтеграція з CRM і коллтрекінгом |
| Власні скрипти | Custom HTML, Custom Image | Довільний JS-код або піксель |
Окрема важлива категорія — GA4 Configuration Tag (з 2024 року замінений на Google Tag): його треба запустити один раз на сторінці першим, щоб ініціалізувати GA4 з Measurement ID. Решта GA4 Event Tags посилаються на нього.
Що робить тег крок за кроком
Типовий сценарій на прикладі відправки конверсії через форму:
- Користувач заповнює та відправляє форму.
- Розробник у JavaScript викликає
dataLayer.push({ event: 'form_submit', form_name: 'contact' }). - GTM ловить подію та перевіряє всі тригери типу Custom Event.
- Тригер «Form Submit» з умовою
form_name = contactспрацьовує. - Прив’язані теги активуються: GA4 Event з ім’ям
generate_lead, Google Ads Conversion, Meta Pixel з подієюLead. - Кожен тег формує HTTP-запит до відповідної системи і відправляє: Measurement Protocol для GA4,
google-analytics.com/g/collectабо пікселі.
Вся ланцюжка відбувається за ~100 мс і непомітна для користувача. Якщо увімкнути режим Preview, можна побачити кожен крок: які тригери спрацювали, які теги активні та які змінні передані.
Правила іменування тегів
У великих контейнерах (50+ тегів) без дисципліни іменування все розвалюється. Індустрія прийняла формат з трьох частин:
[Платформа] - [Тип події] - [Контекст]
GA4 - Event - form_submit
Google Ads - Conversion - purchase
Meta - Pixel - AddToCart
Такий формат дозволяє сортувати теги за префіксом і одразу бачити, що саме робить тег і в яку систему відправляє. Це критично, коли через півроку маркетолог передає контейнер наступнику або проводиться аудит GTM.
Built-in vs Custom HTML tags
GTM розділяє теги на два класи:
| Клас | Коли обирати |
|---|---|
| Built-in templates | Завжди, якщо є готовий шаблон. Менше помилок, легше оновлення, не порушуються політики CSP |
| Custom HTML / Custom Image | Коли немає шаблону — нові сервіси, кастомний JS, власні виклики до API |
Google рекомендує мінімізувати використання Custom HTML на production: шаблонні теги автоматично отримують оновлення, коли платформа змінює API, а Custom HTML вимагає ручного переписування. Крім того, Custom HTML — типова мішень для аудиту безпеки: тег із помилкою може розкривати UTM-параметри, ідентифікатори сесії, PII.
Built-in Google Tag (gtag.js) та GA4 Event
З кінця 2023 року Google об’єднав окремі теги GA4 та Google Ads у єдиний Google Tag. Раніше було так:
GA4 Configuration Tag— ініціалізація GA4.Google Ads Conversion Tracking— окрема інсталяція для Ads.
Тепер:
Google Tag— один тег на сторінку, який обслуговує і GA4, і Google Ads.GA4 Event— тег для окремих подій, посилається на ту саму інсталяцію.
Це спростило архітектуру: Measurement ID вводите один раз, усі події GA4 автоматично отримують конфігурацію.
Тег vs піксель: де різниця
«Піксель» (pixel) — історичний термін з часів, коли трекінг робили через прозоре зображення 1×1 пікс. GTM використовує термін «тег» як загальний: piксель — це тег типу Image, JavaScript-подія — тег типу GA4 Event, серверний запит — тег типу HTTP Request у server-side GTM. Тобто піксель — окремий випадок тегу, а не альтернатива.
Типові помилки з тегами
- Теги без тригера. GTM їх зберігає, але не запускає — перевірка перед публікацією часто ловить такі випадки.
- Дублювання GA4 Event. Той самий тег із двома тригерами, кожен спрацьовує окремо — GA4 отримує подію двічі.
- Блокування рекламою. ~40% користувачів з AdBlock блокують
googletagmanager.comтаgoogle-analytics.com— знижує покриття. Рішення — server-side GTM на власному домені. - Теги з Custom HTML без nonce. При увімкненому CSP браузер блокує інлайн-скрипти, потрібен nonce-параметр.
- Затримка публікації. Створили тег, забули опублікувати версію → на сайті його ще немає. Завжди перевіряйте, що остання версія = production.
Наступний крок у вивченні GTM — розібратися з тригерами, які керують моментом спрацювання тегу, та з dataLayer, звідки теги беруть динамічні дані.