×
Россия +7 (495) 139-20-33

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

Россия +7 (495) 139-20-33
Шрифт:
1 12915
Подпишитесь на нас в Telegram

Интернет-издание 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. Тег должен появиться в режиме предварительного просмотра. 

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

Друзья, теперь вы можете поддержать SEOnews https://pay.cloudtips.ru/p/8828f772
Ваши донаты помогут нам развивать издание и дальше радовать вас полезным контентом.

Есть о чем рассказать? Тогда присылайте свои материалы Марине Ибушевой


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
  • Talgat
    1
    комментарий
    0
    читателей
    Talgat
    6 месяцев назад
    Добрый день! А как то же самое сделать через GA4 не используя GTM ?
    -
    0
    +
    Ответить
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Примеры использования ChatGPT в SEO-стратегии
Гость
1
комментарий
0
читателей
Полный профиль
Гость - Если кто то хочет протестировать Cat GPT в SЕО проектах на базе нашего агенства, приглашаем наудалкнную работу Tg: @thegoodlink
'SEO глазами клиентов 2023'
Валерия Власова
2
комментария
0
читателей
Полный профиль
Валерия Власова - Приветствую! На момент проверки сайтов клиентов получились такие показатели. Возможно, самостоятельно вы проверяете свои проекты по другим параметрам. Поэтому получились разные результаты.
Эффективное продвижение сайтов: 10 лет опыта в SEO в Рунете и Буржунете
Павел Горбунов
11
комментариев
0
читателей
Полный профиль
Павел Горбунов - Вы учтите, что за такие водные статьи хейтеры повалят жесткие. Сеошники воды не любят.
Особенности внутренней перелинковки для крупных сайтов
Злобная булочка
1
комментарий
0
читателей
Полный профиль
Злобная булочка - Ну это ж ингейт)
Rush Analytics обновил инструмент для анализа позиций
Rush Analytics
4
комментария
0
читателей
Полный профиль
Rush Analytics - Виктор, добрый день. Благодарим за Ваш отзыв. Мы проверим ситуацию по сбрасыванию дат при переключении вкладок.
Увеличили трафик в 4 раза с помощью узких ключей и контентного SEO: кейс ОТП Банка
Бурлуцкий Сергей
1
комментарий
0
читателей
Полный профиль
Бурлуцкий Сергей - В работе по ссылочному делаем упор по получению естественных ссылок в сочетании с краудом. Более подробно об этом мы рассказывали на нашем недавнем митапе - www.youtube.com/watch?v=dbl_vFHWqWQ (Второй доклад).
Что такое Яндекс Советник, и кому от него жить хорошо
Мама Стифлера
1
комментарий
0
читателей
Полный профиль
Мама Стифлера - Вызывает сожаление, что вы не осознаете, что Яндекс.Советник может быть рассмотрен как форма рэкета, которая заставляет компании, размещающиеся в Яндекс.Маркете, выплачивать дополнительные финансовые средства, повышая в конечном итоге прибыль Яндекс.Маркета, но не принесет пользы для посетителей сайта.
Как быстро улучшить рейтинг компании на сайтах отзовиков
Zorgy Rihard
2
комментария
0
читателей
Полный профиль
Zorgy Rihard - давай я
Самые быстрорастущие доменные зоны в 2023 году. Исследование RU-CENTER
Станислав
1
комментарий
0
читателей
Полный профиль
Станислав - С 2019 года количество доменов в зоне .ru остается на одном и том же уровне - около 5 млн. Все изменения на уровне 1% от этого объема в плюс или минус
Как за месяц увеличить количество заявок в 1,7 раза, а их стоимость снизить в 1,6 раза. Кейс
Sputniki
1
комментарий
0
читателей
Полный профиль
Sputniki - Добрый день, Василий. Спасибо за вашу наблюдательность. На самом деле ошибки нет. Если вы сталкивались на практике с выгрузкой заявок из кабинета VK Рекламы, то заметите, что количество заявок не бьется с цифрами по рекламному кабинету (по статистике). Поэтому средняя цена заявки получается ниже чем у самых эффективных трех.
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
386
Комментариев
373
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
141
Комментариев
121
Комментариев
119
Комментариев
100
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
80
Комментариев
77
Комментариев
74
Комментариев
67
Комментариев
64
Комментариев
60
Комментариев
59

Отправьте отзыв!
Отправьте отзыв!