Google Tag Manager: що це простими словами і як налаштувати GA4, події форми, кнопку Telegram і Meta Pixel без програміста

Станом на 9 жовтня 2026. Бізнес у прикладі умовний, цифри в прикладі орієнтовні. Назви пунктів меню подано англійською, як в інтерфейсі Google Tag Manager і Meta Events Manager.

Що таке Google Tag Manager?

Google Tag Manager (GTM) це система керування тегами від Google, яка дає змогу налаштовувати коди аналітики і реклами на сайті без зміни коду сайту. За довідкою Google, на кожну сторінку сайту один раз додають два фрагменти коду, а далі теги налаштовують у веб-інтерфейсі GTM. У порівнянні GTM і gtag.js Google позначає обидва варіанти як безкоштовні. Інші матеріали про відстеження і цифри зібрані в темі «Аналітика і цифри».

Практично GTM вирішує одну проблему власника: щоб порахувати заявки з форми чи кліки на Telegram, не треба щоразу просити розробника правити сайт. Маркетолог додає подію в GTM, перевіряє її в режимі попереднього перегляду і публікує. Google зазначає, що на відміну від gtag.js, який відправляє дані лише в сервіси Google, GTM працює і з тегами інших компаній, і з власними (custom) тегами. Саме так підключають, наприклад, Meta Pixel.

З чого складається Google Tag Manager?

GTM складається з акаунта, контейнера, тегів, тригерів і змінних. За визначенням Google, контейнер це набір тегів, тригерів, змінних і пов’язаних налаштувань для одного сайту чи застосунку. Акаунт зазвичай потрібен один на компанію.

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

За п’ять кроків: код контейнера, Google tag для GA4, події, Meta Pixel, перевірка і публікація. Усі назви кнопок нижче взято з актуальних довідок Google і Meta.

Крок 1. Встановіть код контейнера на сайт

Створіть на tagmanager.google.com акаунт і контейнер для сайту, а потім вставте два фрагменти коду. За довідкою Google:

1. Відкрийте контейнер і на вкладці Workspace натисніть на ID контейнера, що починається з GTM.
2. У вікні Install Google Tag Manager скопіюйте перший фрагмент і вставте якомога вище в <head> кожної сторінки.
3. Другий фрагмент вставте одразу після відкривного тегу <body>.

Якщо сайт зроблено на конструкторі чи CMS, як WordPress, Shopify чи Wix, Google пропонує встановити Google tag через інтеграцію, без правки коду кожної сторінки. Перед установкою перевірте, чи не вшито вже в шаблон код GA4 чи пікселя, інакше дані рахуватимуться двічі.

Крок 2. Підключіть GA4 через Google tag

Через тег типу Google Tag з вашим Tag ID. Перед цим у Google Analytics мають бути створені ресурс і потік даних для сайту. Далі за довідкою Google:

1. У Workspace відкрийте Tags і натисніть New.
2. Замініть Untitled Tag на зрозумілу назву, наприклад «Google tag».
3. У Tag Configuration в Choose tag type оберіть Google Tag і вставте Tag ID.
4. У Triggering оберіть тригер ініціалізації Initialization: All Initialization Events (для всіх сторінок) і натисніть Save.

Що робити з даними після підключення і які звіти дивитися, у статті про GA4 для малого бізнесу.

Крок 3. Налаштуйте події: заявка з форми і клік на Telegram

Через тег Google Analytics: GA4 Event і окремий тригер для кожної дії. Google описує це так: створюєте тег, вписуєте Measurement ID і назву події, а потім тригер, який визначає, коли подію відправити.

Заявка з форми.

1. Створіть тег Google Analytics: GA4 Event з назвою події, наприклад lead_form.
2. У Triggering додайте новий тригер, у Trigger Configuration оберіть тип Form Submission.
3. Увімкніть Check Validation: тоді тригер спрацює лише після успішної відправки, а не на кожну спробу.
4. У This trigger fires on оберіть Some Forms і задайте умову, наприклад сторінку, де стоїть форма.

Якщо після відправки сайт відкриває сторінку «Дякуємо», Google пропонує простіший варіант: тригер Page View на цій сторінці.

Клік на кнопку Telegram.

1. Створіть ще один тег GA4 Event з назвою, наприклад click_telegram.
2. Тригер: Trigger Configuration, тип All Elements, далі Some Clicks.
3. Умова: Click Text contains і текст кнопки, наприклад «Написати в Telegram».

У GA4 позначте обидві події як ключові. Щоб бачити, з якої реклами прийшла заявка, на всіх посиланнях потрібні UTM-мітки.

Крок 4. Додайте Meta Pixel

Meta у своїй довідці описує спосіб через тег Custom HTML:

1. У GTM створіть новий тег, у Tag Configuration оберіть Custom HTML і назвіть його, наприклад «Meta Pixel Base Code».
2. У Meta Events Manager оберіть свій набір даних, натисніть Add Events, потім Add New Integration, оберіть Meta Pixel і Set Up.
3. Виберіть Manually Add Code to Your Website, натисніть Get Started і Copy code.
4. Вставте код у тег GTM. В Advanced Settings у Tag firing options оберіть Once per page.
5. Додайте тригер All Pages і збережіть.

Події додають окремими тегами Custom HTML з кодом події з Events Manager і власним тригером. Для заявки в довіднику стандартних подій Meta є подія Lead, тобто код fbq('track', 'Lead'), а тригер можна взяти той самий, що для форми в GA4. Meta радить перевіряти роботу в режимі Preview і розширенням Meta Ads Data Advisor для Chrome, а після публікації переконатися в Events Manager, що піксель має статус Active.

Крок 5. Перевірте в Preview і опублікуйте

Спершу Preview, потім Submit. Режим попереднього перегляду відкриває Google Tag Assistant, де видно, які теги спрацювали.

1. У Workspace натисніть Preview: у новій вкладці відкриється Tag Assistant.
2. Введіть адресу сайту і натисніть Connect.
3. Пройдіть шлях клієнта: відкрийте сторінку, відправте тестову форму, натисніть на Telegram. Переконайтеся, що потрібні теги спрацювали один раз.
4. Поверніться в GTM, натисніть Submit, оберіть Publish and Create Version.
5. Дайте версії назву й опис і натисніть Publish.

Опис версії здається формальністю, але через пів року він покаже, коли і навіщо змінювали відстеження.

Що змінює відстеження в цифрах?

Без подій у GTM реклама оцінюється лише за частиною звернень, і рішення виходять хибними в обидва боки.

Умовний приклад. Студія манікюру витрачає на рекламу 10 000 гривень на місяць, середній чек 800 гривень. GA4 бачить лише форму на сайті: 20 заявок, з яких записалися 14.

• Ціна клієнта за даними аналітики: 10 000 поділити на 14, це приблизно 714 гривень. Це майже весь чек у 800 гривень, і рекламу хочеться вимкнути.
• Після налаштування події кліку на Telegram видно ще 30 переходів з реклами, з яких, за журналом адміністратора, записалися 18.
• Разом 14 плюс 18, це 32 клієнти, і ціна клієнта 10 000 поділити на 32, тобто 312,5 гривні.
• Протилежна пастка: якщо GA4 стоїть на сайті двічі, ті самі 20 заявок перетворюються на 40, і ціна заявки падає з 500 до 250 гривень лише на папері.

Що таке Consent Mode v2 і коли він потрібен?

Consent Mode це механізм, який змінює поведінку тегів Google залежно від того, що відвідувач обрав у банері згоди на cookies. Google посилює вимоги своєї політики згоди користувачів ЄС: щоб використовувати теги для вимірювання, персоналізації реклами і ремаркетингу, рекламодавець має збирати згоду користувачів з Європейської економічної зони і передавати її сигнали в Google. Друга версія додала два параметри: ad_user_data (згода на передачу даних для реклами) і ad_personalization (згода на персоналізовану рекламу).

Що робити на практиці за довідкою Google: якщо Consent Mode уже працює, а персоналізованої реклами, як ремаркетинг, немає, нічого міняти не треба. Якщо персоналізована реклама потрібна, сертифікована Google платформа керування згодою (CMP) оновиться сама, а власний банер треба перевести на Consent Mode v2. Якщо теги взагалі не завантажуються до взаємодії з банером, Google не зможе перевірити вибір відвідувача, і це, за словами Google, може призвести до втрати даних. Вимога стосується відвідувачів з ЄЕЗ. Чи потрібен банер для суто української аудиторії, розібрано у статті про cookies.

Коли Google Tag Manager не потрібен?

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

Які помилки роблять найчастіше?

1. Ставлять GA4 двічі. Код вшитий у шаблон сайту і ще раз доданий через GTM, і перегляди та події можуть рахуватися двічі. Google прямо пише, що з GTM додатковий код gtag.js не потрібен.
2. Дублюють Meta Pixel. Піксель з інтеграції CMS і піксель з GTM відправляють ті самі події, і кабінет може показувати більше заявок, ніж було насправді.
3. Публікують без Preview. Помилка в тригері непомітна, поки не зіпсує дані за тиждень.
4. Ставлять подію заявки на всі сторінки. Кожен перегляд сайту стає «заявкою», і ціна заявки в рекламі виглядає фантастично низькою.
5. Не вмикають Check Validation. Тоді тригер рахує спроби відправити форму, включно з помилковими.
6. Реєструють акаунт на пошту підрядника. Після зміни підрядника доступ до тегів і історії версій зникає разом з ним.

Що робити завтра

1. Відкрийте вихідний код головної сторінки і перевірте, які коди GA4, GTM і Meta Pixel уже стоять, щоб не дублювати їх.
2. Створіть акаунт GTM на корпоративну пошту, контейнер для сайту і вставте два фрагменти коду.
3. Додайте Google tag і дві події: заявку з форми і клік на Telegram.
4. Підключіть Meta Pixel і подію Lead за інструкцією вище.
5. Перевірте все в Preview, опублікуйте версію з описом і позначте події як ключові в GA4. Після додавання тегів заміряйте швидкість сайту, щоб порівняти з попереднім результатом.
6. Звіряйте цифри з GTM із реальними заявками в шаблоні обліку заявок і джерел з інструментів для власників.