GTM Event Helper

Chrome розширення для Google Tag Manager

Що таке GTM Event Helper?

GTM Event Helper — це розширення для Chrome, яке допомагає створювати клік-тригери та теги в Google Tag Manager (GTM), вибираючи елементи на сторінці. Воно створює тригер і тег безпосередньо у вашому робочому просторі GTM через GTM API.

Вимоги

  • Chrome (або браузер на основі Chromium) з встановленим розширенням.
  • Обліковий запис Google Tag Manager з правами редагування принаймні одного контейнера.

Як користуватися

  1. Вхід у GTM — Натисніть іконку розширення, потім «Sign in to GTM». Оберіть обліковий запис Google з доступом до GTM. Після входу попап показує «Signed in as: …», блок Account & workspace відкривається.
  2. Account & workspace — Оберіть Account, Container, Workspace та Google tag (Measurement ID source) для тегів GA4 Event. Натисніть Use this workspace, щоб зберегти вибір і ввімкнути вбудовані змінні (Click Element, Click Classes, Click ID), якщо потрібно.
  3. Select Element — У попапі натисніть «Select Element». Попап може закритися — це нормально. На сторінці наведіть курсор на елемент (наприклад кнопку чи посилання) — він підсвічується червоною рамкою. Клацніть по ньому.
  4. Модальне вікно — Встановіть Track scope («Only this element» або «All similar elements»), Event Name (заповнюється з тексту елемента, aria-label, alt тощо), Tag Type (GA4 Event або Custom HTML), Measurement ID source. Натисніть Create in GTM. Розширення створює тригер і тег у вибраному workspace.

Підказка назви події

Поле Event Name заповнюється автоматично з вибраного елемента в такому порядку: видимий текст, aria-label, alt, data-action / data-event, value, title, id, CSS-клас, шлях посилання. Результат нормалізується в нижній регістр з підкресленнями (наприклад click_add_to_cart). Можна змінити перед натисканням Create in GTM.

Інтерфейс розширення

Налаштування подій — вхід у GTM та вибір елемента
Налаштування подій: вхід у GTM та вибір елемента на сторінці
Створення клік-події в GTM
Створення клік-події в GTM — track scope, назва події, тип тегу (GA4 Event або Custom HTML)