Як відстежувати події на сайті через Google Tag Manager

Залишити коментар / Маркетинг / Від

Чому важливо відстежувати кліки на сайті

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

 

Як це допомагає в аналітиці та маркетингу

Відстеження кліків дозволяє оцінити якість джерел трафіку та ефективність конкретних рекламних кампаній.
Завдяки цьому можна побачити, які елементи сторінки привертають увагу, які CTA-кнопки працюють найкраще, а які варто переробити.
Це напряму впливає на зручність використання сайту (UX) і підвищує загальний коефіцієнт конверсії (CR).

Чому варто використовувати Google Tag Manager

Для відстеження подій користувачів, зокрема кліків, зручно використовувати Google Tag Manager (GTM) — безкоштовний інструмент, який дозволяє налаштовувати аналітику без змін у коді сайту.
За його допомогою можна додавати теги, події, коди аналітики чи реклами без участі програміста.
У цій статті ми розглянемо, як покроково налаштувати відстеження основних мікро- та макроконверсій у Google Tag Manager.

Підготовчі кроки

Створіть обліковий запис Google Tag manager. Для цього потрібно мати звичайний Google акаунт, зайти на сайт Google Tag Manager, натиснути кнопку Створити обліковий запис.

  • Назвати обілковий запис, як правило називаємо назвою сайту або компанії.
  • Обрати країну (Україна)
  • Вибрати налаштування контейнеру, для якої платформи ви створюєте контейнер (сайт, додаток)
  • Натиснути кнопку створити
  • Прочитати мову викорстання і умови обробки даних Менеджера тегів Google і натиснути Так  в верхньому правому куті.

Після створення облікового запису, система згенерує два фрагменти коду, які  потрібно вставити код GTM на Ваш сайт.

Вам потрібно скопіювати код який потрібно встановити в <head> тег та <body> тег. Ви можете зробити це самостійно, або попросити розробника сайту.

Після встановлення кодів перевірте свій сайт, вставивши адресу в поле Перевірити свій вебсайт. Ці коди дозволяють GTM «бачити» події на сторінці і передавати їх в Google Analytics 4.

Як встановити GTM на сайті WordPress описано в статті.

 

Розміщення на сайті Google Analytics 4

Для того щоб передати дані про події в аналітику, необхідно зареєструвати GA4 та розмістити код відстеження GA4. Це буде завдання для Google Tag Manager. Для цього потрібно отримати Measurement ID (наприклад, G-XXXXXXX) і додай його в GTM як тег конфігурації GA4 і розмістити тег конфігурвації GA4.

 

Що таке тег та тригер простою мовою?

Тег – шматок коду, або інструкція, яку GTM виконує (запалює дослівно) на сайті. Тег може передавати дані в Google Ads, Facebook pixel, або відправляти подію в Google Analytics.

Наприклад – коли користувач натискає кнопку Купити – відправляє дані в Google Analytics.

Увімкнення вбудованих змінних (Click URL, Click Text, Click Classes)

Змінні – це дані, які використовуються в тригерах і тегах. Перед початком відстеження кліків, необхідно ввімкнути вбудовані змінні, для відстеження кліків.  

  • Click URL — адреса, на яку веде посилання,
  • Click Text — текст на кнопці або лінку,
  • Click Classes — CSS-класи елемента.

 Як їх увімкнути:

  1. Увійди в акаунт GTM.
  2. У лівому меню вибери Variables (Змінні).
  3. У блоці “Built-In Variables” натисни кнопку Configure (Налаштувати).
  4. Постав галочки біля пунктів:
    • Click URL
    • Click Text
    • Click Classes
    • (за бажанням також Click ID, Click Element — вони іноді корисні).
  5. Збережи зміни.

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

Типи кліків які найчастіше відстежують аналітики

  • Кліки по посиланням
  • Кліки по кнопках
  • Зовнішні кліки
  • Завантаження файлів
  • Кліки по контактним даним (телефону, email) та інші.

Для того щоб почати відстеження кліків потрібно визначити які саме кліки ми плануємо відстежувати та створити відповідні тригери (активатори), при спрацюванні яких. Будуть спрацьовувати відповідні теги GTM.

 

Створення тригерів у GTM для відстеження кліків

Ми активували вбудовані змінні. Після цього для досягнення цілі відстеження кліків – потрібно створити тригери. Тригери – це правила за якими Tag Manager розімує що сталась потрібна дія користувача:

  • Клік на кнопку
  • Відправка форми
  • Створення замовленняі
Як працюють тригери?

Тригер (активатор) – умова, коли саме повинен спрацьовувати тег. Тригер слухає дії користувача і в разі якщо виконується потрібна дія – спрацьовує. Після того як активується тригер – запускається відповідний тег і відправляє ці дані в Google Analytics.

Наприклад – натиснення кнопки відправити заявку, клік на номер телефону на сайті.

Типи тригерів для кліків

У Google Tag Manager є два основних типи тригерів, які реагують на кліки користувачів на сайті.

  1. All Elements (або All Clicks)

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

  1. Just Links (або Link Clicks)

Цей тип тригера спрацьовує лише коли користувач натискає на посилання (елемент <a href=”…”>).
Коли використовувати: коли потрібно відстежувати переходи на інші сторінки, завантаження файлів (наприклад, .pdf) або натискання на зовнішні лінки — тобто будь-які дії, де користувач відкриває щось нове.

Коли який тригер краще використовувати
  • All Clicks — використовують для аналізу кліків по будь-яких елементах, навіть якщо це не посилання.
    Наприклад, кнопка «Замовити» може бути створена через JavaScript і не мати посилання (href).
  • Just Links — зручніше для відстеження переходів за конкретними посиланнями: на завантаження файлу, відкриття прайсу або перехід на інший сайт.
Рекомендація:

Спочатку створи тригер All Clicks і перевір у режимі Preview, які саме кліки відображаються та які змінні активуються.
Після цього створи більш точний тригер із заданими умовами — він реагуватиме тільки на потрібні дії користувачів.

 

Як задати умови для тригера

Щоб тригер спрацьовував лише тоді, коли потрібно, можна задати умови активації.
Для цього використовуються змінні, які ти раніше активував у GTM:

  • Click URL — адреса посилання, на яке натиснули.
  • Click Text — текст кнопки чи посилання.
  • Click Classes — CSS-клас елемента (його технічна назва у коді сторінки).
Приклади умов:
  • якщо Click URL містить tel: — відстежується натискання на телефон;
  • якщо Click Text дорівнює “Залишити заявку” — це клік по кнопці із цим текстом;
  • якщо Click Classes містить btn-download — це натискання на кнопку завантаження файлу.

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

Приклади налаштувань тригерів
  1. Відстеження кліку по телефону
  • Тип тригера: All Elements
  • Умова: Click URL → contains → tel:
  • Назва: Click – Phone
  1. Кнопка “Замовити”
  • Тип тригера: All Elements
  • Умова: Click Text → equals → Замовити
  • Назва: Click – CTA Order Button
  1. Завантаження прайсу
  • Тип тригера: Just Links
  • Умова: Click URL → contains → .pdf
  • Назва: Click – PDF Download
  1. Кнопка в шапці сайту
  • Тип тригера: All Elements
  • Умова: Click Classes → contains → header-btn
  • Назва: Click – Header CTA

 

Створення тега події в GTM

Тег — це команда, яку виконує Google Tag Manager. Наприклад, “відправити подію в Google Analytics, коли користувач натискає кнопку Замовити”.

Як створити тег у GTM

  1. Увійдіть у свій акаунт Google Tag Manager.
  2. У лівому меню виберіть розділ Tags (Теги).
  3. Натисніть кнопку New (Створити).
  4. У полі Tag Configuration (Налаштування тегу) виберіть тип тегу:
    Google Analytics: GA4 Event.
  5. У полі Configuration Tag виберіть створений раніше тег конфігурації GA4.
  6. У полі Event Name (Назва події) введіть логічну назву події, наприклад:
    • click_phone — клік по телефону
    • click_order_button — натискання на кнопку “Замовити”
    • download_price — завантаження прайсу
  7. Пролистайте нижче до розділу Triggering (Тригери) і виберіть тригер, який відповідає цій дії (наприклад, Click – Phone).
  8. Збережіть тег і назвіть його зрозуміло, наприклад: GA4 – Click Phone Event.
Перевірка роботи тегів у режимі Preview

Після створення тегів і тригерів потрібно переконатися, що все працює правильно.

  1. У GTM натисніть кнопку Preview (Перегляд) у правому верхньому куті.
  2. Введіть адресу вашого сайту і натисніть Connect (Підключити).
  3. На сайті виконайте дію, яку ви хочете перевірити (наприклад, натисніть кнопку “Замовити”).
  4. У новій вкладці Tag Assistant відкриється журнал подій — знайдіть свою подію (наприклад, click_order_button) і переконайтеся, що тег спрацював.
  5. Якщо все працює — поверніться в GTM і натисніть Submit (Опублікувати), щоб зміни стали активними для всіх користувачів.
Як перевірити події в Google Analytics 4

Щоб упевнитися, що події надсилаються в аналітику:

  1. Відкрийте Google Analytics 4.
  2. Перейдіть у розділ Reports → Realtime (Звіти → У реальному часі).
  3. Виконайте на сайті дію (натискання кнопки чи посилання).
  4. У правій частині звіту в блоці Event count by Event name знайдіть свою подію (наприклад, click_order_button).
    Якщо вона з’явилась — все налаштовано правильно.
Як називати події

Рекомендується давати подіям зрозумілі, короткі англійські назви без пробілів.
Добре, коли з назви одразу зрозуміло, що це за дія:

Дія користувача

Назва події в GA4

Клік по телефону

click_phone

Натискання кнопки “Замовити”

click_order_button

Завантаження прайсу

download_price

Перехід на зовнішній сайт

outbound_link

Натискання на email

click_email

Це допоможе підтримувати порядок у звітах і швидко знаходити потрібні події.

Як аналізувати результати

Після того, як події налаштовані, можна перейти до аналізу:

  • Перевірте кількість кліків по кожній кнопці — це допоможе зрозуміти, які CTA працюють краще.
  • Порівняйте сторінки, де користувачі найчастіше взаємодіють із контентом.
  • Додайте події до конверсій у GA4, якщо ці кліки ведуть до важливих дій (заявки, дзвінки, завантаження).

У Google Analytics 4 можна задати будь-яку подію як конверсію. Для цього:

  1. Перейдіть у Admin → Events (Адміністрування → Події).
  2. Знайдіть потрібну подію, наприклад click_order_button.
  3. Увімкніть перемикач Mark as conversion (Позначити як конверсію).
    Тепер у звітах ви побачите, скільки користувачів здійснили саме цю дію.
Висновок

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

Навчившись налаштовувати базові кліки, ви зможете:

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

Це один із найпростіших і найкорисніших кроків у аналітиці, який варто зробити кожному власнику

Залишити коментар

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *