Зміст
Що таке Google Tag Manager простими словами
Практичний зиск для бізнесу – швидкість і незалежність. Маркетолог або підрядник додає піксель за п’ять хвилин, а не чекає три дні на розробника. Менше тікетів, менше ризику зламати сайт, швидший запуск реклами. Саме тому GTM – стандартний перший крок, коли ми беремося за веб-аналітику сайту: без нього кожна зміна в трекінгу впирається в розробника.
GTM, Google Analytics і піксель: хто за що відповідає
| Інструмент | Що це | Роль |
|---|---|---|
| Google Tag Manager | Менеджер кодів | Зберігає й запускає інші коди. Сам нічого не рахує |
| Google Analytics 4 | Інструмент аналітики | Збирає дані про поведінку відвідувачів на сайті |
| Meta Pixel / піксель Google Ads | Код рекламної системи | Передає конверсії в рекламний кабінет для оптимізації |
Окремо варто розвести GTM і налаштування подій усередині самої аналітики. GTM відповідає за те, щоб подія взагалі спрацювала і передалася. А як ці події потім налаштувати як ключові, побудувати по них звіти й уникнути типових помилок підрахунку – це вже зона Google Analytics 4. Ми розбираємо її в окремому матеріалі про ключові події в GA4, бо тема велика й заслуговує власної статті. Тут зосередимося на GTM як на інструменті встановлення.
Три поняття, які треба знати: тег, тригер, змінна
Тег (tag)
Тригер (trigger)
Змінна (variable)
Як встановити GTM на сайт без програміста
Встановлення – найтехнічніший момент, але і його реально пройти без розробника. Розкладемо по кроках.
- Створіть акаунт. Зайдіть на tagmanager.google.com під робочим Google-акаунтом, створіть акаунт компанії й контейнер для вашого сайту. Виберіть тип «Веб». Google видасть ідентифікатор контейнера виду
GTM-XXXXXX. - Отримайте код контейнера. GTM покаже два фрагменти коду. Перший - для секції
head, другий - для початкуbody. Потрібні обидва: перший запускає GTM якнайраніше, другий працює як запасний для випадків, коли в браузері вимкнено JavaScript. - Вставте код у сайт. Тут спосіб залежить від платформи (детально нижче). На більшості CMS і конструкторів для цього є спеціальне поле або плагін - редагувати код вручну не доведеться.
- Перевірте режимом попереднього перегляду. У GTM натисніть «Перегляд» (Preview), введіть адресу сайту - відкриється вікно з підказкою, чи бачить GTM ваш сайт і чи спрацьовують теги. Це обов'язковий крок: половина проблем ловиться саме тут.
- Опублікуйте. Зміни в GTM не діють, поки ви не натиснете «Надіслати» (Submit) і не опублікуєте версію. Це часта причина «я все налаштував, а не працює» - забули опублікувати.
Конверсії Google Ads через GTM
- У Google Ads створіть дію-конверсію (наприклад, «Замовлення» або «Заявка») і отримайте ідентифікатор конверсії й мітку.
- У GTM додайте тег типу «Відстеження конверсій Google Ads» і впишіть ці дані.
- Прив'яжіть тригер до моменту конверсії: перегляд сторінки подяки, натискання кнопки відправки форми, дзвінок через кнопку на сайті.
- Перевірте через режим попереднього перегляду, що тег спрацьовує саме тоді, коли треба, - а не на кожній сторінці.
Помилка в цьому місці коштує дорого: якщо конверсії рахуються неправильно (дублюються або не спрацьовують), Google Ads оптимізується на хибні дані й зливає бюджет. Саме тому коректність трекінгу – один із перших пунктів, який ми перевіряємо під час аудиту контекстної реклами: дуже часто виявляється, що кампанія «не працює» не через ставки чи креативи, а через зламаний підрахунок конверсій. Якщо ви тільки запускаєте рекламу в Google, правильний трекінг через GTM треба закладати ще до першого показу.
Meta Pixel і TikTok Pixel в одному контейнері
Окремо про Meta Pixel: у нього є свої тонкощі з налаштуванням стандартних подій і відповідністю даних, які ми розбираємо в матеріалі про піксель Facebook та Instagram. Якщо ви запускаєте рекламу у Facebook, коректно поставлений через GTM піксель – основа, без якої оптимізація на покупки неможлива.
Що ще ставлять через GTM, окрім пікселів
- Кліки по кнопках і посиланнях. «Замовити», «Купити», «Зателефонувати» – GTM фіксує кожне натискання й передає його в аналітику та рекламу. Видно не лише ті заявки, що дійшли, а й наскільки активно люди тиснуть кнопку.
- Відправлення форм. Заявка, підписка, запит прорахунку – окрема подія на кожну форму. Це найчастіша конверсія для сайтів послуг і B2B.
- Кліки по телефону і месенджерах. Натискання на номер телефону, кнопку Viber, Telegram чи WhatsApp – важливо для бізнесу, де замовлення йдуть через дзвінок або чат, а не через кошик.
- Глибина прокрутки. Скільки людей дочитало довгу сторінку до прайсу або до блоку з умовами. Якщо до ціни доходить 10% – проблема в структурі сторінки, а не в трафіку.
- Перегляд відео і завантаження файлів. Скільки разів запустили презентацію, скачали прайс чи комерційну пропозицію.
- Додавання в кошик і початок оформлення. Для інтернет-магазину – ключові кроки воронки, що показують, де відвідувачі зриваються.
Рівень даних (dataLayer): коли потрібен розробник
GTM для WordPress, Tilda, OpenCart і Prom
Спосіб встановлення залежить від платформи. У всіх випадках суть одна – донести до сайту ідентифікатор контейнера GTM-XXXXXX, але робиться це по-різному.
| Платформа | Як ставити |
|---|---|
| WordPress | Окремий плагін для Google Tag Manager (вписуєте ідентифікатор — плагін сам вставляє код), або поле в темі чи конструкторі сторінок |
| Tilda | Окреме поле в налаштуваннях сайту — код вставляти не треба, лише ідентифікатор контейнера |
| OpenCart | Через вбудований модуль аналітики або редагування шаблону header у темі |
| Prom.ua | У налаштуваннях кабінету є поле для коду відстеження або інтеграція аналітики |
Загальне правило: майже на всіх сучасних платформах для GTM передбачено окреме поле, і редагувати код руками не потрібно. Складність виникає лише на старих кастомних сайтах без зручних налаштувань – там без доступу до коду шаблону не обійтися. У таких випадках одноразова допомога підрядника або наша підтримка сайту розв’язує питання за один захід.
Згода на cookies і Consent Mode
Версії і відкат: чому GTM безпечний для експериментів
Чому це важливо для бізнесу. Уявіть: підрядник додав новий тег, щось пішло не так, аналітика почала рахувати неправильно. Без історії версій довелося б згадувати, що саме змінили, і вручну це повертати. З GTM ви просто відкриваєте список версій, обираєте останню робочу й публікуєте її – сайт повертається до коректного стану за хвилину.
Типові помилки і чому варто перевіряти
- Забули опублікувати. Налаштували тег, перевірили в перегляді – а на сайті він не працює. Тому що зміни не опубліковані. Найчастіша помилка новачків.
- Подвійний підрахунок. Лічильник аналітики стоїть і в коді сайту, і в GTM одночасно. Дані подвоюються, конверсії роздуваються, рекламний алгоритм оптимізується на фантомні результати.
- Тег спрацьовує не там. Конверсія прив’язана до перегляду будь-якої сторінки замість сторінки подяки – і кожен візит рахується як замовлення.
- Не перевірили після запуску. Налаштування зробили один раз і забули. А після оновлення сайту структура змінилася, тригер перестав спрацьовувати – і трекінг тихо помер
Коли ми відкриваємо контейнер GTM нового клієнта, найчастіше бачимо одне й те саме: конверсія прив’язана до перегляду будь-якої сторінки замість сторінки подяки, тому кожен візит рахується як замовлення. Власник дивиться у звіт, бачить «сто конверсій» і впевнений, що реклама працює, – а реально замовлень було п’ять. Друге за частотою – подвійний лічильник: аналітика стоїть і в коді сайту, і в GTM, дані подвоюються, і рекламний алгоритм оптимізується на цифри, яких насправді немає. Тому перше, що ми робимо при підключенні, – не додаємо нові теги, а перевіряємо, чи правильно рахують старі.
Окремо корисно домовитися про систему назв тегів і тригерів від самого початку. Коли в контейнері 30 тегів із назвами «Тег 1», «Тег копія (2)», розібратися в ньому згодом неможливо. Це той випадок, коли пів години дисципліни на старті економлять дні розплутування потім – і той самий принцип ми закладаємо у структуру сайту для SEO-просування: порядок зверху коштує дешевше за хаос унизу.
Самому чи замовити: коли що має сенс
Замовити налаштування має сенс у трьох випадках. Перший – коли йдеться про гроші в рекламі: якщо ви ведете платні кампанії в Google і конверсії рахуються неправильно, ціна помилки – злитий бюджет, а не зіпсована статистика. Тут економія на налаштуванні обертається втратами, у рази більшими за вартість роботи. Другий – складний трекінг: кілька рекламних систем, e-commerce-події (товар, кошик, покупка із сумою), згода на cookies. Тут одна неточність ламає всю аналітику. Третій – коли просто немає часу розбиратися, а трекінг потрібен учора.
FAQ
-
Чим відрізняється Google Tag Manager від Google Analytics?
Google Tag Manager - це менеджер кодів: він встановлює і зберігає на сайті інші інструменти (лічильник аналітики, піксель реклами, чати) і керує тим, коли вони спрацьовують. Google Analytics - це сам інструмент аналітики, який збирає й показує дані про поведінку відвідувачів. GTM - це коробка з тегами, Analytics - один із тегів усередині неї. Через GTM ви ставите Analytics, а не навпаки. -
Як встановити GTM на сайт без програміста?
Створіть безплатний акаунт на tagmanager.google.com, отримайте два фрагменти коду контейнера і вставте їх у сайт: один у секцію head, другий одразу після відкриття тега body. На WordPress, Tilda, OpenCart і Prom це робиться через вбудоване поле або плагін без редагування коду вручну. Найпростіший варіант для WordPress - окремий плагін для GTM, куди ви просто вписуєте ідентифікатор контейнера. -
Як налаштувати конверсії Google Ads через GTM?
У Google Ads створіть дію-конверсію і отримайте ідентифікатор конверсії та мітку. У GTM додайте тег типу «Відстеження конверсій Google Ads», впишіть ці дані і прив'яжіть до тригера - наприклад, до перегляду сторінки подяки після оформлення замовлення або до натискання кнопки відправки форми. Перевірте через режим попереднього перегляду GTM, що тег спрацьовує саме в момент конверсії. -
Чи можна через GTM поставити Meta Pixel і TikTok Pixel одночасно?
Так, у цьому й сенс GTM. В одному контейнері можна тримати скільки завгодно пікселів і лічильників: Meta Pixel, TikTok Pixel, лічильник аналітики, піксель Google Ads. Усі вони керуються з одного інтерфейсу, без втручання в код сайту щоразу. Кожен піксель додається окремим тегом і прив'язується до своїх тригерів. -
Як налаштувати GTM для WordPress, Tilda чи OpenCart?
На WordPress - через плагін для Google Tag Manager або поле в темі чи конструкторі. На Tilda - у налаштуваннях сайту є окреме поле для ідентифікатора GTM, код вставляти не треба. На OpenCart і Prom - через вбудований модуль аналітики або редагування шаблону header. У всіх випадках достатньо вписати ідентифікатор контейнера виду GTM-XXXXXX, а самі теги налаштовуються вже всередині GTM.
