Шаблон GTM: отслеживание записей Calendly как событий GA4

Calendly работает как встроенный виджет или всплывающее окно и не отправляет в GA4 никаких стандартных событий, поэтому записей в ваших отчётах просто нет. Этот шаблон GTM закрывает пробел: каждая запись через Calendly становится событием GA4.

Что входит в шаблон

• 1 тег Custom HTML: обработчик, который принимает события message от встроенного виджета Calendly
• 1 тег события GA4: срабатывает на события Calendly (запись начата, запись завершена)
• 1 триггер пользовательского события: событие calendly
• 1 переменная DataLayer: calendly_event с типом события

Как это работает

Виджет Calendly отправляет сообщения странице, в которую встроен, через API postMessage. Тег Custom HTML принимает эти сообщения и записывает данные о событиях в DataLayer:

window.addEventListener('message', function(e) {
  if (e.data.event && e.data.event.indexOf('calendly') > -1) {
    dataLayer.push({
      event: 'calendly',
      calendly_event: e.data.event
    });
  }
});

Тег события GA4 срабатывает на пользовательское событие calendly и передаёт тип события как параметр.

События Calendly, которые можно отслеживать

• calendly.profile_page_viewed — виджет Calendly загрузился
• calendly.event_type_viewed — пользователь посмотрел тип встречи
• calendly.date_and_time_selected — выбраны дата и время
• calendly.event_scheduled — пользователь записался на встречу, это ваша конверсия

Настройка за 2 минуты

1. Импортируйте шаблон

Import Container → загрузите JSON → выберите Merge («Объединить»).

2. Укажите ID измерения GA4

Вставьте ваш ID G-XXXXXXX в тег события GA4.

3. Протестируйте

1. Включите режим предпросмотра GTM
2. Откройте виджет Calendly
3. Запишитесь на тестовую встречу
4. Проверьте: срабатывает ли тег на calendly.event_scheduled?

Считайте конверсией только настоящие записи

Добавьте в тег события GA4 условие, чтобы он срабатывал только на calendly.event_scheduled. Так конверсией считается настоящая запись, а не каждый просмотр виджета.

Скачать шаблон

Все семь шаблонов в одном месте? В GTM-конфигураторе (на немецком) можно собрать нужную настройку из этих шаблонов.

Скачайте файл контейнера ниже и импортируйте его в свой контейнер Google Tag Manager через Admin → Import Container. Это обычный файл: регистрация и адрес электронной почты не нужны.

Без почты и без формы: просто берите.

Хотите правильно настроить отслеживание записей на встречу? Запросить консультацию →