Google Tag Manager: що це і як налаштувати з нуля

1. Що таке Google Tag Manager і коли він потрібен

Google Tag Manager — це система керування тегами. Тег — фрагмент коду, який збирає дані на сайті й надсилає їх у сторонній сервіс: у Google Analytics, Google Ads, Meta чи сервіс колтрекінгу. Без GTM кожен такий код програміст вставляє в шаблон сайту окремо. З GTM на сайті стоїть один контейнер, а теги в нього додають через інтерфейс.

1.1. Що це дає на практиці

• швидкість: після встановлення контейнера нові теги й події маркетолог налаштовує сам, не чекаючи на розробника;
• порядок: усі коди відстеження зібрані в одному місці, видно, що саме стоїть на сайті й за якої умови спрацьовує;
• перевірка до запуску: режим попереднього перегляду показує, які теги спрацювали, ще до того, як зміни побачать відвідувачі;
• історія й відкат: кожна публікація зберігається як версія, до попередньої можна повернутися за хвилину;
• контроль доступу: можна дати агенції чи фрилансеру право редагувати, але залишити публікацію за собою.

1.2. Коли GTM не обов’язковий

Якщо на сайті потрібні лише Google Analytics 4 і Google Ads зі стандартними подіями, достатньо тегу Google (gtag.js), встановленого напряму або через інтеграцію вашої CMS. Google сам описує, що gtag.js розрахований на розробників, яким потрібні тільки теги Google, а GTM — на маркетологів, які працюють із тегами Google і сторонніх сервісів (довідка Google).

GTM стає потрібним, коли:

• крім Google, на сайті є інші сервіси — Meta Pixel, Microsoft Clarity, LinkedIn Insight Tag, колтрекінг;
• треба відстежувати власні дії: кліки по телефону, відправку конкретної форми, перегляд важливого блоку;
• аналітикою займається команда чи агенція, і кожна правка через програміста гальмує роботу.

У серпні 2026 року Google почав пропонувати сайтам, що працюють лише на тезі Google, перейти на інтерфейс контейнера GTM — з налагодженням і версіями (оголошення Google). Межа між двома способами розмивається, але логіка лишається тією самою: що більше сервісів і власних подій, то більше сенсу в GTM.

2. Як працює GTM: контейнер, теги, тригери, змінні

У GTM чотири базові поняття. Розібравшись у них, ви зрозумієте будь-яке налаштування.

Рис. 1 – Тег спрацьовує за тригером, обидва використовують змінні. Джерело: analyticsmania.com

Як це працює разом — на прикладі конверсії інтернет-магазину:

1. Тег — тег конверсії Google Ads. Він має повідомити Google Ads, що відбулася покупка.
2. Тригер — перегляд сторінки, URL якої містить /purchase-successful/. Людині зрозуміло, що це «сторінка подяки», а GTM розуміє лише умову з URL.
3. Змінні — URL сторінки (його перевіряє тригер) і сума замовлення (її тег передає в Google Ads як цінність конверсії).

Рис. 2 – Тег конверсії, тригер сторінки подяки й змінні. Джерело: analyticsmania.com

2.1. Рівень даних (dataLayer)

Частину даних GTM бачить сам: адресу сторінки, клік, текст кнопки. Але суму замовлення, перелік товарів у кошику чи факт успішної відправки форми знає тільки сайт. Щоб передати їх у GTM, використовують рівень даних (dataLayer) — службовий масив на сторінці, куди сайт записує події й значення, а GTM їх зчитує.

Налаштування dataLayer — це та частина, де без розробника не обійтися. Зате один раз переданими даними потім користуються всі теги: і GA4, і Google Ads, і Meta.

2.2. Що змінилося в інтерфейсі у 2026 році

Влітку 2026 року Google оновив головну сторінку робочої області. Тригери, змінні, шаблони й папки тепер зібрані в розділі, що згортається («Advanced»), а налаштування всього контейнера винесені в окремий розділ «Settings». Функції не зникли — змінилося лише розташування (довідка Google). Якщо скриншоти в старих інструкціях не збігаються з вашим екраном, причина саме в цьому.

3. GTM і Google Analytics 4: у чому різниця

Їх часто плутають, бо обидва від Google і обидва «про аналітику». Але роблять вони різне.

Простіше кажучи, GA4 — це сервіс, куди надходять дані, а GTM — спосіб їх туди відправити. Можна мати GA4 без GTM, але GTM без жодного сервісу всередині нічого не робить. Що налаштувати в самому GA4, щоб дані були коректними, — у нашому чек-листі налаштування Google Analytics 4.

4. Як створити акаунт і контейнер

1. Відкрийте tagmanager.google.com і увійдіть через акаунт Google.
2. Натисніть «Створити акаунт» (Create Account).
3. У полі назви акаунта вкажіть назву компанії, оберіть країну.
4. У налаштуваннях контейнера введіть назву сайту — зазвичай домен — і оберіть платформу «Веб» (Web).
5. Натисніть «Створити» й прийміть Умови використання та Умови обробки даних.

Рис. 3 – Створення акаунта й контейнера. Джерело: analyticsmania.com

Логіка проста: акаунт — це компанія, контейнер — це сайт або застосунок. Якщо в компанії два сайти з різною структурою, створюють два контейнери в одному акаунті.

Важливий момент для бізнесу: акаунт GTM має належати компанії, а не підряднику. Якщо його створив фрилансер на свою пошту, після завершення співпраці ви ризикуєте втратити доступ до всіх налаштувань. Правильний порядок — бізнес створює акаунт і видає доступ агенції. Як це зробити — у статті як відкрити доступ до Google Ads, Analytics і GTM.

5. Як встановити GTM на сайт

Після створення контейнера GTM покаже два фрагменти коду. Їх треба додати на кожну сторінку сайту (інструкція Google):

• перший — якомога вище всередині <head>;
• другий (блок <noscript>) — одразу після відкривального тегу <body>.

Рис. 4 – Код контейнера. Джерело: analyticsmania.com

Якщо сайт працює на WordPress, Shopify, Wix чи іншій популярній CMS, код можна не вставляти вручну: для них є інтеграції й плагіни, де достатньо вказати ідентифікатор контейнера GTM-XXXXXXX.

Повторно знайти код можна будь-коли: на вкладці робочої області натисніть на ідентифікатор контейнера у верхній частині екрана.

5.1. Перевірте, що аналітика не стоїть двічі

Найпоширеніша помилка при переході на GTM: GA4 уже встановлений напряму — кодом у шаблоні чи плагіном CMS, — а його додають ще й через GTM. У результаті кожен перегляд сторінки рахується двічі, а показники залученості й конверсії спотворюються.

Перед підключенням GA4 через GTM перевірте вихідний код сайту й плагіни. Якщо там уже є тег Google з тим самим ідентифікатором G-…, його потрібно прибрати або не дублювати в GTM.

6. Як підключити GA4 через тег Google

Раніше для цього використовували тег «Конфігурація GA4» (GA4 Configuration). З вересня 2023 року його замінив тег Google (Google tag), а наявні теги конфігурації оновилися автоматично (довідка Google). Якщо інструкція радить шукати «Конфігурацію GA4», вона застаріла.

6.1. Покроково

1. У GA4 відкрийте «Адміністратор» → «Потоки даних» → ваш вебпотік і скопіюйте ідентифікатор виду G-XXXXXXX. У GA4 він називається Measurement ID, у GTM — Tag ID.
2. У GTM відкрийте «Теги» → «Створити» → «Конфігурація тегу» й оберіть тип «Тег Google» (Google Tag).
3. Вставте ідентифікатор у поле Tag ID.
4. У блоці тригерів оберіть Initialization – All Pages — тег завантажиться на всіх сторінках раніше за інші.
5. Назвіть тег зрозуміло, наприклад «Google tag — GA4», і збережіть.
6. Перевірте роботу в режимі попереднього перегляду й опублікуйте контейнер (розділ 9).

Цього достатньо, щоб GA4 почав отримувати перегляди сторінок і події розширеної статистики (Enhanced measurement): прокручування, переходи на зовнішні сайти, пошук по сайту, завантаження файлів. Які з них увімкнути, вирішується в налаштуваннях потоку даних у GA4, а не в GTM (довідка Google).

6.2. Пропозиція «оптимізувати контейнер»

З 2026 року GTM може запропонувати оптимізувати контейнер: налаштування тегу Google переносяться в розділ «Settings», а контейнер надсилає дані в сервіси Google напряму, без завантаження додаткового коду gtag.js. Автоматично нічого не змінюється — зміни можна переглянути в попередньому перегляді й опублікувати, коли переконаєтеся, що все працює (довідка Google).

7. Перша конверсія: клік по телефону та відправка форми

Сам по собі тег Google рахує відвідування. Щоб бачити, скільки людей звернулося, потрібні події. Для них у GTM використовують тег «Google Analytics: подія GA4» (Google Analytics: GA4 Event): у ньому вказують ідентифікатор G-…, назву події й тригер (довідка Google).

7.1. Клік по номеру телефону

1. У розділі змінних увімкніть вбудовану змінну Click URL.
2. Створіть тригер типу «Клік — лише посилання» (Click — Just Links) з умовою «Деякі кліки за посиланнями»: Click URL починається з tel:.
3. Створіть тег «Google Analytics: подія GA4» з назвою події, наприклад phone_click, і прив’яжіть до нього цей тригер.

Важливо розуміти межу цього методу: клік по номеру — це намір подзвонити, а не дзвінок. Людина могла натиснути й передумати, а могла набрати номер вручну з десктопа — тоді клік взагалі не зафіксується. Якщо телефон дає помітну частку звернень і треба знати, з якої реклами подзвонили, потрібен колтрекінг.

7.2. Відправка форми

Тут є три способи — від найпростішого до найнадійнішого:

Після того як подія з’явилася в GA4, позначте її як ключову подію — тоді вона рахуватиметься конверсією й її можна імпортувати в Google Ads. Що вважати конверсією, а що лише проміжним кроком, — у статті про коефіцієнт конверсії та види конверсій.

І одне жорстке правило: у параметрах подій не можна передавати персональні дані — email, телефон, ім’я. Google Analytics це забороняє.

Якщо налаштовувати події самостійно немає часу — це частина робіт із налаштування веб-аналітики.

8. Режим згоди в GTM

Якщо на сайт заходять користувачі з Європейської економічної зони, Google вимагає передавати сигнали їхньої згоди на cookie. Без цього для такого трафіку не працюють вимірювання, персоналізована реклама й ремаркетинг (довідка Google Ads).

У GTM для цього є окремі інструменти (довідка Google):

• тригер Consent Initialization – All Pages — спрацьовує раніше за всі інші, на ньому запускають банер згоди та стан згоди за замовчуванням;
• вбудовані перевірки згоди в тегах Google — вони самі змінюють поведінку залежно від того, на що погодився користувач;
• додаткові налаштування згоди для кожного тегу («Розширені налаштування» → «Налаштування згоди», Advanced Settings → Consent Settings) — щоб сторонні теги не спрацьовували без дозволу;
• огляд згоди (Consent Overview) — список тегів, у яких згоду налаштовано або ні.

Банер згоди зазвичай ставлять через шаблон платформи керування згодою з галереї шаблонів GTM. Перевірити, чи коректно передається згода, можна в режимі попереднього перегляду: там видно стан згоди на кожному кроці. Детально про сам механізм, види згоди й типові помилки — у статті про режим згоди Google.

9. Перевірка й публікація

9.1. Попередній перегляд

Усі зміни в GTM спочатку існують лише в робочій області й на сайті не діють. Перевіряють їх так (довідка Google):

1. На вкладці робочої області натисніть «Попередній перегляд» (Preview) — відкриється Tag Assistant.
2. Введіть адресу сайту й натисніть «Підключити» (Connect). Сайт відкриється в новій вкладці з позначкою «Connected».
3. Виконайте потрібну дію — натисніть номер телефону, відправте тестову форму.
4. Поверніться в Tag Assistant: для кожної події видно, які теги спрацювали (Tags Fired), а які ні.

Те, що тег спрацював у GTM, ще не означає, що дані дійшли в GA4. Це перевіряють окремо — у звіті DebugView самого GA4. Як ним користуватися — у статті DebugView: як перевірити роботу Google Analytics 4.

9.2. Публікація й версії

Коли все працює, натисніть «Надіслати» (Submit) → «Опублікувати й створити версію» → вкажіть назву версії → «Опублікувати». Тільки після цього зміни з’являються на сайті.

Кожна публікація зберігається як версія. Якщо після оновлення щось зламалося, можна повернути попередню версію. Тому версії варто називати змістовно: «Клік по телефону + форма заявки» читається через пів року, «Версія 14» — ні. З вересня 2026 року GTM сам пропонує назву й опис версії на основі змін, але перевірити їх перед публікацією однаково варто.

9.3. Робочі області й доступи

Робочі області дозволяють кільком людям паралельно готувати зміни, не заважаючи одне одному. У безкоштовній версії їх може бути три одночасно, у GTM 360 — без обмежень (довідка Google).

Рівні доступу задаються окремо для акаунта й для кожного контейнера (довідка Google):

10. Типові помилки

11. Часті запитання

11.1. Google Tag Manager безкоштовний?

Так. Платна версія Google Tag Manager 360 входить у Google Marketing Platform і розрахована на великі компанії: у ній більше робочих областей, є додаткові інструменти керування й підтримка за угодою про рівень обслуговування. Для малого й середнього бізнесу безкоштовної версії достатньо. Порівняння версій — на сайті Google.

11.2. Чи потрібен програміст, щоб працювати з GTM?

Для встановлення контейнера — іноді, якщо немає доступу до коду сайту чи інтеграції в CMS. Для стандартних подій — кліків, відправки класичних форм, прокручування — ні. Для даних, які знає лише сайт (сума замовлення, товари в кошику, успішна відправка форми без перезавантаження), — так: їх передають через dataLayer.

11.3. Чи сповільнює GTM сайт?

Контейнер завантажується асинхронно й сам по собі на швидкість майже не впливає. Сповільнюють сайт теги всередині: кожен сторонній скрипт — це ще один запит. Тому варто періодично переглядати контейнер і видаляти теги сервісів, якими вже не користуєтеся.

11.4. Що робити, якщо CMS не дає вставити код у <head>?

Перший фрагмент коду можна розмістити нижче — він працюватиме, але що пізніше завантажиться, то більше подій можна пропустити на старті сторінки. Головне — не ставити блок <noscript> у <head>. Кращий варіант — інтеграція чи плагін для вашої CMS.

11.5. Які сервіси, крім Google, можна підключити через GTM?

Практично будь-які: Meta Pixel (покроково — у гайді зі встановлення пікселя), Microsoft Clarity, LinkedIn Insight Tag, TikTok Pixel, скрипти колтрекінгу. Для багатьох є готові шаблони в галереї спільноти, для решти — тег «Користувацький HTML» (Custom HTML).

11.6. Чи треба знати JavaScript?

Для базових налаштувань — ні. Але знання HTML, CSS-селекторів і регулярних виразів помітно розширює можливості: так можна точніше задавати умови тригерів і працювати з нестандартними сайтами.