Отслеживание событий онлайн записи

Подробнее о событиях которые Вы можете отслеживать в рамках Google Analytics, Google Ads, Google Tag Manager и др.

Підключення відбувається у розділі Онлайн запис - Налаштування

Достатньо вказати один або декілька ключів. Відстеження подій та переходів відбувається автоматично.

Доступні варіанти:

Google Analytics (Наприклад: G-1234567890 / UA-1234567890)
Google Tag Manager (Наприклад: GTM-1234567890)
Facebook Pixel (Наприклад: 1234567890)

Google Tag Manager - користувацькі події

Усі події відправляються до window.dataLayer у форматі:

{
  event: '<event_name>',
  event_category: '<category>',
  // додаткові поля залежно від події
}

Поле event використовується для тригерів у GTM, а event_category зручне для групування у звітах.

general - події загального призначення

Подія	Коли спрацьовує
`app_load`	Завантажена форма онлайн запису
`pageview`	Переглянута сторінка форми запису (передається `page_title`)

company - сторінки інформації про компанію

Подія	Коли спрацьовує
`about_view`	Перегляд сторінки "Про компанію"
`license_view`	Перегляд сторінки "Договір публічної оферти"
`privacy_view`	Перегляд сторінки "Політика конфіденційності"
`cancellation_policy_view`	Перегляд сторінки "Політика скасування"

booking - створення запису

Подія	Коли спрацьовує
`branch_select`	Обрано філію
`resource_select`	Обрано ресурс (співробітника / приміщення / обладнання)
`service_select`	Обрано послугу
`event_select`	Обрано подію групового запису
`date_select`	Обрано дату та час запису
`record_create`	Запис успішно створено
`payment_success`	Оплата запису пройшла успішно
`payment_expire`	Сплив час, наданий на оплату запису

client - авторизація та особистий кабінет

Подія	Коли спрацьовує
`client_signin`	Авторизація клієнта
`client_update`	Зміна інформації клієнта
`client_password_change`	Зміна пароля клієнта
`client_sms_resend`	Повторне відправлення SMS підтвердження
`rating_create`	Створено відгук до запису
`record_cancel`	Запис скасовано

memberships - абонементи

Подія	Коли спрацьовує
`membership_created`	Абонемент успішно придбано
`membership_payment_success`	Оплата абонементу пройшла успішно

Facebook Pixel - стандартні події

Facebook Pixel відправляє стандартні події Meta з відповідним до контексту payload-ом. Це окремий потік від користувацьких GTM-подій вище, тому в інтерфейсі Meta Events Manager ви побачите саме ці назви:

Подія	Коли спрацьовує
`ViewContent`	Перегляд ключової сторінки (про компанію, профіль, реєстрація, оплата тощо)
`FindLocation`	Перегляд / вибір філії
`AddToCart`	Додано послугу або ресурс до запису
`Schedule`	Обрано дату та час запису
`InitiateCheckout`	Перехід до оформлення групової події
`Purchase`	Запис або абонемент створено та сплачено (якщо потрібна оплата - спрацьовує після успішної оплати, якщо ні - на момент створення)

Важливо: Facebook Pixel не підтримує валюту UAH, тому віджет автоматично замінює її на EUR у параметрах події. Інші валюти передаються без змін.

Інтеграція віджета на ваш сайт

Віджет онлайн запису працює всередині <iframe>, тому події не потрапляють напряму у dataLayer сторінки, на якій його встановлено. Замість цього віджет відправляє кожну подію батьківському вікну через postMessage:

{
  event: 'pushGTMEvent',
  data: '<json-string з payload подіï>'
}

Щоб події з'являлися у вашому GTM / GA на сайті, додайте слухача. Важливо: перевіряйте event.origin, щоб приймати лише повідомлення від iframe віджета - інакше будь-який інший iframe, вбудований віджет чи розширення браузера на вашій сторінці зможе надсилати довільні події (включно з підробленим Purchase) у ваш dataLayer.

<script>
  // Origin, на якому розміщується віджет Wlaunch. Замініть на власний домен віджета, якщо використовуєте свій.
  var WLAUNCH_ORIGIN = 'https://w.wlaunch.net';
  window.addEventListener('message', function (event) {
    if (event.origin !== WLAUNCH_ORIGIN) return;
    if (!event.data || event.data.event !== 'pushGTMEvent') return;
    window.dataLayer = window.dataLayer || [];
    try {
      window.dataLayer.push(JSON.parse(event.data.data));
    } catch (e) {
      console.warn('Wlaunch: не вдалося розпарсити payload pushGTMEvent', e);
    }
  });
</script>

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

Як перевірити, що події надходять

Перевірка origin: у DevTools переконайтеся, що хост атрибута src iframe збігається зі значенням WLAUNCH_ORIGIN у слухачі вище. Якщо ви розміщуєте віджет на власному домені, відповідно оновіть WLAUNCH_ORIGIN.
Google Tag Manager: відкрийте режим Preview у GTM та виконайте дії у віджеті - події мають з'явитися у вкладці Data Layer.
Google Analytics 4: у розділі Realtime має з'явитися активний користувач та події протягом 1-2 хвилин.
Facebook Pixel: встановіть розширення Meta Pixel Helper для Chrome - воно показує всі події, що відправлені з поточної сторінки.
DevTools: у консолі браузера window.dataLayer показує всі події GTM, а у вкладці Network фільтр collect ловить запити GA, фільтр tr/? - запити Facebook Pixel.