Блог

Как создать "событие" на заполнение формы в GA4?

Google Ads
Ранее я писал руководство по созданию "события" при клике по кнопке в GA4. Прошло около 24 часов и оно уже трекается, так что в корректности настройки можно не сомневаться.

Теперь я бы хотел рассказать, как создать "событие" на заполнение формы или на любое другое всплывающее окно.
1) Для примера возьмем сайт нашей компании https://bigleadagency.com/ru
2) Будем отслеживать заполненную форму
3)То есть трекать событие, когда человек заполнит форму и нажмет отправить данные. Если ему отобразится данное всплывающее окно, то "событие" будет засчитано
*Думаю мы разобрались, что мы будем отслеживать. Теперь перейдем непосредственно к настройке.
4) Переходим в GTM, теги
5) Создаем тег "События в GA4". Не забываем дать название Тега
6) Даем название Тегу и выбираем в конфигурации "Тег конфигурации" и сами прописываем "название события" (какое название дадите, такое и будет отображаться в GA4
7) Далее создаем триггер
8) Даем название триггеру и выбираем тип "Видимость элемента"
9)Выбираем "Метод выбора" - селектор CSS, указываем "один раз на событие" и минимальный процент видимости элемента. Теперь нужно добавить данные в "Селектор элементов", но где же его взять?
10) Возвращаемся на сайт, выделяем текст на всплывающем окне и нажимаем правой кнопкой мыши "Просмотреть код элемента"
11) Далее справа появляется окно с кодом. Нажимаем на правую кнопку мыши и копируем селектор выбранного элемента с правого окошка. Нужно нажать "Copy - Copy selector"
12) Выбранный элемент вставляем в окно GTM и сохраняем тег
13) Переходим в GTM в режим предварительного просмотра
14) Наш "тег" выделил красным, но он сейчас в статусе "Tags not fired"(не активно), так как еще не произошло событие.
15) На сайте заполняем форму и проверяем корректность "тега"
16) Видим, что после отправленной кнопки наше событие перешло в "Tags Fired".

Теперь ожидаем 24 часа и собираем информацию по заполненной форме.