Як налаштувати Google Tag Manager?

Що буде в цій статті:
1. Створення акаунту та контейнера GTM (це єдиний тег, який буде доданий напряму на наш сайт, через цей тег буде підключені всі інші теги.)
2. Підключенння базового загального тегу Google Ads та Google Ads Conversion Linker
(в контейнері GTM)
Перевірка сайту
Перш за все потрібно переконатися, що сайт має єдину точку входу для коду. Тобто всі сторінки, незалежно від мови, типу або шаблону, підключають один і той самий хедер і один і той самий стартовий код body. Якщо на різних сторінках використовуються різні шаблони або частина сторінок не підключає спільні компоненти, GTM може не завантажуватися всюди, а це одразу ламає аналітику. Тому на цьому етапі перевіряється структура шаблонів і підтверджується, що один контейнер GTM буде працювати для всього сайту.
Також читайте - Як налаштувати відслідковування конверсій на сайті ?
Також читайте - Що таке Google Ads / Google Tag Manager / Google Analytics ?
Налаштування Google Tag Manager
Перший практичний крок це перевірка, чи GTM вже встановлений на сайті. Це можна зробити двома способами. Найпростіший це відкрити сайт і подивитися код сторінки. Якщо ти бачиш фрагмент із googletagmanager.com/gtm.js?id=GTM-XXXXXXX, значить контейнер уже є. Другий спосіб це встановити розширення Google Tag Assistant у браузері. Воно одразу покаже, чи підвантажується GTM і який саме контейнер.
Якщо GTM уже стоїть, дуже важливо не поспішати. Потрібно зафіксувати його ID і зрозуміти, чи він один і чи немає дублюючих контейнерів. Буває ситуація, коли GTM підключений двічі через різні шаблони. У такому разі вся подальша аналітика буде зламаною. Тому на цьому етапі ми переконуємося, що контейнер один і він підключений глобально.
googletagmanager.com/gtm.js?id=GTM-XXXXXXX, значить контейнер уже є. Другий спосіб це встановити розширення Google Tag Assistant у браузері. Воно одразу покаже, чи підвантажується GTM і який саме контейнер.Якщо GTM уже стоїть, дуже важливо не поспішати. Потрібно зафіксувати його ID і зрозуміти, чи він один і чи немає дублюючих контейнерів. Буває ситуація, коли GTM підключений двічі через різні шаблони. У такому разі вся подальша аналітика буде зламаною. Тому на цьому етапі ми переконуємося, що контейнер один і він підключений глобально.
Встановлення Google Tag Manager з нуля
Крок 1. Створення GTM
Зайди на https://tagmanager.google.com
Натисни Create Account
Account name: назва компанії або сайту
Country: Ukraine
Container name: домен сайту (наприклад example.com)
Platform: Web
Створи контейнер і прийми умови
Після цього Google покаже 2 шматки коду.
Зайди на https://tagmanager.google.com
Натисни Create Account
Account name: назва компанії або сайту
Country: Ukraine
Container name: домен сайту (наприклад example.com)
Platform: Web
Створи контейнер і прийми умови
Після цього Google покаже 2 шматки коду.
Крок 2. Вставлення коду GTM на сайт
Код №1 (script)
Вставляється в <head> якомога вище:
Це приклад, тут не вказано саме ваш ідентифікатор GTM-XXXXXXX
Вставляється в <head> якомога вище:
Це приклад, тут не вказано саме ваш ідентифікатор GTM-XXXXXXX
Код №2 (noscript)
Вставляється одразу після <body>:
Якщо сайт багатосторінковий, ці дві частини коду мають бути на всіх сторінках сайту.
Має встановлюватися після тегів Сookiebot, CookieYes і так далі. ВАЖЛИВО!
Вставляється одразу після <body>:
Крок 3. Встановлення Tag Assistant та перевірка
1. Додай свій домен в Tag Assistant
2. Перейди на всі сторінки сайту , у правому куті має писатися , що тег знайдено на сторінці
3. Перевір наявність коду на всіх сторінках сайту

________________________________________________________________________________________________________________
________________________________________________________________________________________________________________
Встановлення Google Ads Tag
Крок 1. Створення акаунту Google Ads
Крок 2. Де взяти Google Ads Conversion ID (AW-…)
Зайди в Google Ads
У правому верхньому куті натисни Інструменти та налаштування
Розділ Менеджер даних
Тут перший тег і буде потрібним тегом
👉 Оце і є Google tag для реклами, який нам потрібен.
Зайди в Google Ads
У правому верхньому куті натисни Інструменти та налаштування
Розділ Менеджер даних
Тут перший тег і буде потрібним тегом
👉 Оце і є Google tag для реклами, який нам потрібен.
Крок 3. Додавання (AW-…) в GTM
- Tags → New
- Назва: Google-Tag_AW-11396000779
- Tag Configuration → Google tag Tag ID: AW-XXXXXXXXXX
- Triggering → Initialization – All Pages
- Save
________________________________________________________________________________________________________________
- Tags → New
- Назва: Google-Tag_AW-11396000779
- Tag Configuration → Google tag Tag ID: AW-XXXXXXXXXX
- Triggering → Initialization – All Pages
- Save
Встановлення Conversion Linker
- Tags → New
- Тип: Conversion Linker
- Тригер: All Pages Save
________________________________________________________________________________________________________________
ПЕРЕВІРКА
- Tags → New
- Тип: Conversion Linker
- Тригер: All Pages Save
Перевір в Preview
Натисни Preview
Відкрий сайт
Переконайся, що:
Google-Tag_AW-ХХХХХХХХХ спрацював
Conversion Linker спрацював
Натисни Preview
Відкрий сайт
Переконайся, що:
Google-Tag_AW-ХХХХХХХХХспрацювавConversion Linkerспрацював
5) Опублікуй
Submit → Publish
________________________________________________________________________________________________________________
Submit → Publish
________________________________________________________________________________________________________________
Підключення GA4 Google tag через GTM
КРОК 1. Створення акаунта Google Analytics (GA4)
- Зайди в Google Analytics
- https://analytics.google.com
- Натисни Start measuring / Почати вимірювання
- Account name - будь-яка назва (наприклад, назва бізнесу)
- Далі Create property:
- Property name - назва сайту
- Time zone - Україна
- Currency - потрібна валюта
- Натисни Next, заповни базову інфу (можна мінімально)
- Обери Web як платформу
- Вкажи URL сайту і назву потоку
- Create
👉 У тебе створено GA4 property + Web Data Stream.
КРОК 2. Отримати Measurement ID (G-...)
- У GA4 відкрий Admin
- У колонці Property → Data streams
- Відкрий Web потік
- Скопіюй Measurement ID, він виглядає так:
- G-XXXXXXXXXX
👉 Це і є Google tag ID для GA4.
КРОК 3. Підключити GA4 через Google Tag Manager
У Google Tag Manager:
- Tags → New
- Назва: Google tag – GA4
- Tag type: Google tag
- Tag ID: G-XXXXXXXXXX
- Trigger: All Pages
- Save
- Submit → Publish
________________________________________________________________________________________________________________
КРОК 1. Створення акаунта Google Analytics (GA4)
- Зайди в Google Analytics
- https://analytics.google.com
- Натисни Start measuring / Почати вимірювання
- Account name - будь-яка назва (наприклад, назва бізнесу)
- Далі Create property:
- Property name - назва сайту
- Time zone - Україна
- Currency - потрібна валюта
- Натисни Next, заповни базову інфу (можна мінімально)
- Обери Web як платформу
- Вкажи URL сайту і назву потоку
- Create
👉 У тебе створено GA4 property + Web Data Stream.
КРОК 2. Отримати Measurement ID (G-...)
- У GA4 відкрий Admin
- У колонці Property → Data streams
- Відкрий Web потік
- Скопіюй Measurement ID, він виглядає так:
- G-XXXXXXXXXX
👉 Це і є Google tag ID для GA4.
КРОК 3. Підключити GA4 через Google Tag Manager
У Google Tag Manager:
- Tags → New
- Назва: Google tag – GA4
- Tag type: Google tag
- Tag ID: G-XXXXXXXXXX
- Trigger: All Pages
- Save
- Submit → Publish