Налаштування відстеження подій GA4 у GTM без коду — Повний гайд
TL;DR: Щоб налаштувати користувацькі події GA4 у GTM без коду: створіть тригер, що відповідає дії користувача (клік, форма, прокрутка), додайте тег GA4 Event із назвою події у форматі snake_case та параметрами, зареєструйте custom dimensions у GA4, і протестуйте через Tag Assistant + DebugView. Завжди перевіряйте список рекомендованих подій GA4, перш ніж створювати власні.
Google Analytics 4 побудований на подіях. Кожна взаємодія — перегляд сторінки, клік по кнопці, прокрутка, покупка — це подія. GA4 збирає деякі події автоматично, але найцінніші інсайти дають користувацькі події, які ви визначаєте самостійно. Хороша новина: для цього не потрібно писати жодного рядка коду. Google Tag Manager бере все на себе.
Цей гайд охоплює весь процес: розуміння моделі подій GA4, створення користувацьких подій у GTM, конвенції іменування, додавання параметрів і перевірка того, що дані потрапляють у звіти GA4.
Як працюють події GA4?
GA4 має чотири типи подій:
- Автоматично зібрані —
page_view,session_start,first_visit. Спрацьовують без жодного налаштування. - Розширене вимірювання —
scroll,click(зовнішні),file_download,video_start. Увімкніть їх в адмінці GA4. - Рекомендовані події — запропоновані Google назви для типових сценаріїв:
sign_up,purchase,add_to_cart,generate_lead. Їх використання відкриває вбудовані звіти GA4. - Користувацькі події — будь-що специфічне для вашого бізнесу:
click_hero_cta,submit_demo_request,view_pricing.
Головне правило: завжди перевіряйте, чи підходить назва рекомендованої події, перш ніж створювати користувацьку. Рекомендовані події відкривають вбудовані функції звітності GA4. Користувацькі події потребують ручного налаштування звітів.
Як правильно спланувати подію GA4?
Перш ніж відкривати GTM, визначте:
- Яку дію користувача ви відстежуєте? Клік по кнопці, відправку форми, прокрутку сторінки, відтворення відео?
- Яка назва події? Використовуйте
snake_case, тримайте до 40 символів. Приклади:click_signup_cta,submit_contact_form,view_pricing_page. - Які параметри вам потрібні? GA4 дозволяє до 25 користувацьких параметрів на подію. Типові:
button_text,button_location,form_id,page_section.
Конвенції іменування, що масштабуються
З лімітом у 500 назв подій на ресурс GA4, послідовність має значення. Використовуйте шаблон:
{action}_{object}_{detail}
click_hero_signup
click_nav_pricing
submit_contact_form
view_pricing_section
download_whitepaper_pdf
Цей шаблон спрощує фільтрацію подій у звітах GA4 Explore — ви можете відфільтрувати всі події click_* або всі події певного розділу сторінки.
Як створити тригер для подій GA4 у GTM?
Тригер вказує GTM, коли запускати тег. Тип тригера залежить від дії користувача:
| Дія користувача | Тип тригера GTM | Ключова умова |
|---|---|---|
| Клік по кнопці | Click - All Elements | Click Element відповідає CSS-селектору |
| Клік по посиланню | Click - Just Links | Click URL містить значення |
| Відправка форми | Form Submission | Form ID або Form Classes |
| AJAX-форма | Click - All Elements | Click Element відповідає кнопці відправки |
| Поява елемента | Element Visibility | CSS-селектор елемента |
| Прокрутка сторінки | Scroll Depth | Відсоток вертикальної прокрутки |
Для відстеження кліків найважливіша частина — це CSS-селектор. Поганий селектор зламає відстеження при першому ж оновленні сайту. Надавайте перевагу атрибутам data-*, role, name та aria-label замість назв класів або ID.
GTM Event Helper автоматично генерує CSS-селектор, коли ви натискаєте на елемент. Він відфільтровує нестабільні ідентифікатори (хеші CSS-in-JS, випадкові ID) і показує позначку стабільності для кожного варіанта.
Як створити тег GA4 Event у GTM?
У GTM перейдіть до Tags → New:
- Tag Type: Google Analytics: GA4 Event
- Measurement ID: ваш Measurement ID для GA4 (формат:
G-XXXXXXXXXX). Якщо у вас вже є тег конфігурації GA4, оберіть його. - Event Name: заплановане ім'я події (наприклад,
click_hero_signup) - Event Parameters: додайте рядки для кожного параметра:
- Parameter Name:
button_text→ Value:{{Click Text}} - Parameter Name:
button_url→ Value:{{Click URL}} - Parameter Name:
page_section→ Value:hero(статичне значення)
- Parameter Name:
- Triggering: оберіть тригер, створений на кроці 2
Використання змінних GTM як значень параметрів
Вбудовані змінні GTM надають динамічні дані без коду:
{{Click Text}}— видимий текст натиснутого елемента{{Click URL}}— href натиснутого посилання{{Click Classes}}— CSS-класи натиснутого елемента{{Page Path}}— поточний шлях URL{{Page URL}}— повна URL-адреса сторінки
Переконайтеся, що ці змінні увімкнені в GTM: Variables → Configure → Built-In Variables.
Як зареєструвати користувацькі параметри в GA4?
Це крок, про який більшість людей забувають. GA4 не покаже користувацькі параметри у звітах, поки ви їх не зареєструєте:
- У GA4 перейдіть до Admin → Custom definitions → Custom dimensions
- Натисніть "Create custom dimension"
- Вкажіть Dimension name (як параметр відображатиметься у звітах) та Event parameter (має точно збігатися з тим, що ви вказали в GTM)
- Встановіть Scope на "Event"
GA4 дозволяє до 50 користувацьких вимірів (dimensions) і 50 користувацьких метрик на ресурс. Плануйте відповідно.
Як протестувати події GA4 через Tag Assistant?
- У GTM натисніть Preview, щоб запустити Tag Assistant
- Перейдіть на сторінку та виконайте дію (клік, відправка форми, прокрутка)
- У часовій шкалі Tag Assistant знайдіть вашу подію
- Перевірте, що тег спрацював, та огляньте параметри події
Перевірка в GA4 DebugView
Tag Assistant підтверджує, що GTM запустив тег. GA4 DebugView підтверджує, що дані надійшли:
- У GA4 перейдіть до Admin → DebugView
- Увімкніть режим налагодження: встановіть розширення GA Debugger або додайте
?debug_mode=trueдо URL-адреси - Виконайте дію на вашому сайті
- Спостерігайте за появою події у потоці реального часу DebugView
- Натисніть на подію, щоб переглянути параметри та їх значення
Якщо подія з'являється в Tag Assistant, але не в DebugView, перевірте Measurement ID та переконайтеся, що блокувальники реклами не перешкоджають.
Як опублікувати та перевірити події GA4?
Коли тестування пройдене:
- Опублікуйте версію робочого простору GTM з описовою назвою: "Add GA4 events: hero CTA, pricing click"
- Зачекайте 24-48 годин, поки дані з'являться у стандартних звітах GA4
- Перевірте звіт Realtime для негайного підтвердження
- Побудуйте звіт Explore, якщо вам потрібні розбивки за користувацькими параметрами
Які типові помилки при відстеженні подій GA4?
- Занадто багато унікальних назв подій. Створення
click_button_1,click_button_2тощо замість однієї подіїclick_ctaз параметромbutton_location. У вас є 500 назв подій — використовуйте параметри для розрізнення. - Незареєстровані параметри. Дані надходять до GA4, але ви не бачите їх у звітах, бо не налаштовані користувацькі виміри.
- Чутливість до регістру. GA4 трактує
Click_CTAтаclick_ctaяк різні події. Дотримуйтесь нижнього регістру та форматуsnake_case. - Невірний Measurement ID. Перевірте значення
G-XXXXXXXXXX. Неправильний ID відправляє дані в інший ресурс. - Дубльовані теги. Якщо ви скопіювали тег і забули змінити тригер, ви отримаєте подвоєні події, що спотворюють звіти.
Як побудувати звіти GA4 Explore для користувацьких подій?
Стандартні звіти GA4 показують агреговані підрахунки подій, але звіти Explore дозволяють розбивати користувацькі події за будь-яким виміром. Саме тут ваші параметри подій стають цінними.
Щоб побудувати звіт за користувацькими подіями в GA4 Explore:
- Перейдіть до Explore → створіть дослідження Free-form
- Додайте виміри:
Event name, плюс ваші custom dimensions (button_text,page_section,form_id) - Додайте метрики:
Event count,Total users,Active users - Перетягніть виміри в Rows, метрики — у Values
- Застосуйте фільтр:
Event nameточно збігається з вашою користувацькою подією (наприклад,click_hero_signup)
Приклад: звіт по кліках CTA. Додайте Event name, button_text та Page path як виміри. Додайте Event count та Active users як метрики. Відфільтруйте події click_*. Тепер ви бачите, які CTA отримують кліки, на яких сторінках і від скількох унікальних користувачів.
Для аналізу воронки створіть сегмент на основі подій: користувачі, які спрацювали click_hero_signup, а потім submit_contact_form. Сегменти зберігаються по всьому дослідженню, тому ви можете порівнювати шляхи конверсії між сегментами поруч.
Яка різниця між рекомендованими та користувацькими подіями в GA4?
GA4 по-різному обробляє рекомендовані та користувацькі події у звітах. Рекомендовані події використовують назви, які GA4 розпізнає внутрішньо — коли ви надсилаєте purchase або add_to_cart з правильними параметрами, GA4 автоматично заповнює звіти монетизації, прогнозні аудиторії та візуалізації воронок. Для користувацьких подій кожен звіт потрібно будувати вручну.
Ось ключові рекомендовані події за типом бізнесу:
| Тип бізнесу | Ключові рекомендовані події |
|---|---|
| Ecommerce | view_item, add_to_cart, begin_checkout, purchase, refund |
| Генерація лідів | generate_lead, sign_up, login |
| SaaS | sign_up, login, tutorial_begin, tutorial_complete |
| Контент / Медіа | share, search, select_content, view_item_list |
Правило просте: якщо назва рекомендованої події підходить до вашого випадку, використовуйте її — навіть якщо потрібно додати користувацькі параметри поряд з обов'язковими. Створюйте користувацьку подію лише тоді, коли жодна рекомендована назва не підходить. Наприклад, для відстеження кнопки "Замовити демо" варто використовувати generate_lead (рекомендована), а не click_request_demo (користувацька), бо generate_lead автоматично з'являється у звітах життєвого циклу GA4 і може живити прогнозні аудиторії на кшталт "ймовірні покупці за 7 днів".
Як використовувати події GA4 для конверсій Google Ads?
Події GA4 стають потужними, коли ви підключаєте їх до Google Ads. Будь-яку подію GA4 можна позначити як конверсію та імпортувати в обліковий запис Google Ads для живлення стратегій Smart Bidding.
Налаштування складається з трьох кроків:
- Позначте як ключову подію в GA4. Перейдіть до Admin → Events, знайдіть вашу подію та увімкніть перемикач "Mark as key event". GA4 починає рахувати конверсії негайно.
- Зв'яжіть GA4 з Google Ads. У GA4 перейдіть до Admin → Google Ads Links та підключіть ваш обліковий запис Google Ads. Обидва акаунти повинні мати той самий Google-акаунт із відповідними дозволами.
- Імпортуйте в Google Ads. Перейдіть до Google Ads → Goals → Conversions → Import → Google Analytics 4 properties. Виберіть ключові події, для яких хочете оптимізувати.
Вікно атрибуції має значення. GA4 використовує модель атрибуції на основі даних із вікном 30 днів для залучення та 90 днів для інших конверсій. Google Ads має власні вікна атрибуції для кожної конверсійної дії (за замовчуванням 30 днів для кліків, 1 день для показів). Узгодьте ці вікна, щоб уникнути розбіжностей між звітами GA4 та Google Ads.
Чому це важливо для Smart Bidding: алгоритми Target CPA та Target ROAS оптимізують під ваші імпортовані конверсії. Якщо події GA4 налаштовані неправильно або недорахують, Smart Bidding оптимізуватиме під неповні дані — що призведе до неефективного розподілу рекламного бюджету. Завжди перевіряйте, щоб кількість конверсій збігалася між GA4 та Google Ads у розумних межах (різниця 5-10% є нормальною через відмінності в моделях атрибуції).
Скільки користувацьких подій і параметрів можна створити в GA4?
GA4 має жорсткі обмеження, які потрібно враховувати при плануванні. Досягнення ліміту означає, що ви не зможете створити нові події чи параметри, не видаливши існуючі — а історичні дані видалених елементів не відновлюються у стандартних звітах.
| Ресурс | Ліміт (Standard) | Ліміт (GA4 360) |
|---|---|---|
| Унікальні назви подій | 500 | 2 000 |
| Параметри на подію | 25 | 25 |
| Custom dimensions (event-scoped) | 50 | 125 |
| Custom dimensions (user-scoped) | 25 | 100 |
| Custom metrics | 50 | 125 |
| Довжина назви події | 40 символів | 40 символів |
| Довжина назви параметра | 40 символів | 40 символів |
| Довжина значення параметра | 100 символів | 100 символів |
Стратегія збереження лімітів: використовуйте параметри замість унікальних назв подій для фіксації варіацій. Замість створення окремих подій click_hero_cta, click_nav_cta та click_footer_cta створіть одну подію click_cta з параметром button_location. Це використовує 1 назву події замість 3 і зберігає простір імен подій чистим.
AI Agent у GTM Event Helper пропонує оптимальні назви подій і параметри за цим самим принципом — він рекомендує розрізнення через параметри, щоб ви залишалися в межах лімітів GA4.
Якщо ви наближаєтесь до ліміту в 50 custom dimensions, проведіть аудит існуючих вимірів у Admin → Custom definitions. Видаліть ті, що не отримували даних протягом останніх 90 днів. Також можна використовувати BigQuery export для збереження повних даних подій без залежності від custom dimensions для кожного параметра.
Чи є швидший спосіб налаштувати події GA4?
Ручний процес вимагає перемикання між вашим сайтом, GTM та GA4. GTM Event Helper об'єднує все в один потік:
- Натисніть на елемент на вашій сторінці
- Розширення автоматично генерує стабільний CSS-селектор
- Оберіть назву події та GA4 як тип тегу
- Натисніть "Create in GTM" — тригер і тег створюються через API
Без перемикання вкладок. Без ручної роботи з селекторами. Без ризику забути увімкнути вбудовані змінні. Вкладка AI Agent може навіть проаналізувати вашу сторінку та запропонувати правильну назву події й параметри.
Налаштовуйте події GA4 за секунди, а не за хвилини.
Встановити GTM Event HelperЗовнішні ресурси
- GA4: Про події
- GA4: Довідник рекомендованих подій
- GA4: Користувацькі виміри та метрики
- GTM: Налаштування тегів подій GA4
Пов'язані статті
- Як відстежувати кліки по кнопках у GTM без написання коду
- Як відстежувати AJAX-форми в GTM
- Найкращі практики CSS-селекторів для тригерів GTM
- Налаштування розширених конверсій у GTM
- Відстеження динамічних елементів у GTM: дропдауни, тултіпи, попапи
← Усі статті · Головна · Політика конфіденційності · Контакти