Войти как пользователь
Вы можете войти на сайт, если вы зарегистрированы на одном из этих сервисов:
Россия +7 (495) 139-20-33
24 Июня 2021 в 15:57

Видеошпаргалка по интернет-маркетингу: как настроить отслеживание события на отправку формы в GA4

Россия +7 (495) 139-20-33
0 6968
Марина Ибушева
Выпускающий редактор SEOnews

Интернет-издание SEOnews и сервис автоматизации интернет-рекламы eLama запускают новый спецпроект «Видеошпаргалка по интернет-маркетингу». В рамках спецпроекта мы будем делиться секретами настройки рекламы, учиться отслеживать аналитику и создавать баннеры. 

Сегодня ведущий специалист по работе с платным трафиком eLama Никита Кравченко поможет разобраться, как настроить событие об успешной отправке формы на сайте в Google Analytics 4 с помощью Google Tag Manager. 


Как настроить отслеживание события на отправку формы в Google Analytics 4 

Настройка с помощью Google Tag Manager 

Многие сайты имеют форму регистрации. Когда пользователь заполняет ее, может появляться окошко «Спасибо, ваша заявка принята». В нашем методе настройки мы будем использовать именно это окошко, так как если пользователь увидел сообщение «Спасибо за регистрацию» или «Ваша заявка принята», значит, он корректно заполнил все поля. 

Также можно отслеживать клик по кнопке, но так лучше не делать, так как клик по кнопке не означает корректную отправку формы. 

Наиболее точный и наиболее сложный вариант – настройка отслеживания формы с помощью dataLayer. Но здесь потребуется помощь разработчика, не у всех есть такие возможности и ресурсы. 

Чтобы настроить отслеживание события на отправку формы, необходимо зайти в Google Tag Manager, и выбрать раздел «Переменные». 

GTM настройка

Здесь нужно включить переменную для видимости элемента. Кликаем на кнопку «Настроить», скроллим до самого низа, находим «Видимость» и выбираем «Видимый процент элемента на экране». 

GTM

Далее переходим в раздел «Триггеры» и создаем триггер для этого события. 

GTM отслеживание событий

Для этого нажимаем кнопку «Создать», даем название, например «Форма 1», кликаем на настройки триггера и находим пункт «Взаимодействие пользователей». Затем выбираем «Видимость элемента». 

GTM отслеживание событий

Далее можно делать настройки либо по идентификатору, либо по селектору CSS. 

GTM отслеживание событий

Выберем «Селектор CSS», его нужно будет вставить в специальное окошко. 

Где и как найти селектор CSS. Когда после заполнения формы появляется окошко «Спасибо за регистрацию», надо кликнуть правой кнопкой мыши и выбрать пункт «Посмотреть код». Он сразу будет выделен. 

GTM отслеживание событий

Копируем этот код и возвращаемся в Google Tag Manager. Там код вставляем в наше окошко «Селектор элементов». 

Далее нужно выбрать «Правило запуска для этого триггера». В нашем случае мы будем запускать его один раз на элемент. 

GTM

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

После нажимаем «Сохранить». Триггер создан. Далее идем создавать тег. 

Выбираем в Google Tag Manager раздел «Теги» и нажимаем кнопку «Создать». Там выбираем триггер, который создали. 

GTM отслеживание событий

Нашему тегу нужно дать название, например «Форма 1 GA 4». В конфигурации тега вносим изменения, выбираем «Google Аналитика: событие GA 4». 

GTM отслеживание событий

В «Теге конфигурации» выбираем вариант «Google Analytics 4». Для этого тег GA 4 уже должен быть установлен в Менеджере тегов и на сайте. 

Затем даем название событию. Это название будет передано в GA 4 и будет в ваших отчетах. 

GTM отслеживание событий

Далее нажимаем кнопку «Сохранить», а затем кликаем на предварительный просмотр, вставляем наш сайт и нажимаем Connect. Тег должен появиться в режиме предварительного просмотра. 

На этом все. Следите за новыми роликами.

(Голосов: 8, Рейтинг: 5)
0 комментариев
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.

Отправьте отзыв!
X | Закрыть