Как настроить отслеживание действия на отправку форму в GA4 | Статьи SEOnews

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

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

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

Настройка с поддержкою Google Tag Manager 

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

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

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

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

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

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

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

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

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

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

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

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

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

Опосля давим «Сохранить». Триггер сотворен. Дальше идем творить тег. 

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

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

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

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

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

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

Статьи