Web-аналитика

Отслеживание формы через Google Tag Manager

Ты наверно уже долго бродишь по просторам интернета в поисках простого способа настройки и отслеживания формы обратной связи через Google Tag Manager? Поздравляю тебя, мой друг, ты нашел самый быстрый способ, который поможет тебе сделать все буквально за 5 минут. Устраивайся поудобней — мы начинаем!

Содержание:

1 Активация переменных
2 Создание нового Тега
3 Cоздание триггера
4 Видеоматериал по настройке

Активация переменных

Перед настройкой отслеживания, у тебя должен быть установлен GTM (Google Tag Manager) на твой сайт. И выбраны все переменные, которые там есть, они понадобятся нам в будущем, как на скриншоте ниже.

отслеживания формы обратной связи через Google Tag Manager

Далее нам нужно проделать несколько простых шагов:


Создание нового Тега

Первым делом нужно создать новый Тег, как на рисунке ниже.

Создание нового Тега ГТМ

После чего написать:
Название тега: в моем случае это — Forms_1;
Выбрать в конфигурации тега тип: Universal Analytics.
Создание нового Тега Гугл Тег Менеджер
Теперь нужно выбрать:
Тип отслеживания: Событие;
Категория: Forma v kontaktah;
Действие: Otpravka;
Ярлык: {{Page URL}};
Значение: {{Page Path}};
Настройки Google Analytics: выбрать свой идентификатор с Гугл Аналитикс.


Cоздание триггера

Cоздание триггера в ГТМ

Следующим шагом будет создание триггера для отслеживания формы с помощью GTM. Сначала кликаем на кружочек в блоке триггер, после чего в правом верхнем углу нажимаем на плюсик.
Дальше нам нужно вписать:
Название триггера: Trigger_form_1
И выбрать Тип триггера: Отправка формы.
Тип триггера: Отправка формы.
Прежде чем приступить к настройкам триггера, мы должны узнать class формы, которую мы будем отслеживать. В моем случае: wpcf7-form. Чтобы узнать class — нужно в браузере на странице с формой нажать F12 и просмотреть код формы, а именно нам нужна строчка с примерно таким кодом: ❮form action=»contact#wpcf7-f198-p64-o1″ method=»post» class=»wpcf7-form» novalidate=»novalidate»❯
class формы
Теперь мы можем смело настраивать триггер в поле: Триггер активируется на следующих страницах, выбираем — Некоторые формы.
В активации триггера выбираем: Form Classes -> содержит -> и вписываем наш class wpcf7-form.
И нажимаем в правом верхнем углу кнопку «Сохранить триггер», после чего «Сохранить тег» и нажимаем кнопку«Отправить» и «Опубликовать».Сохранение триггера
Все готово, теперь осталось только проверить работу в режиме реального времени в событиях Google Analytics. Если все настроили верно после заполнения и отправки формы должно появиться событие в аналитике, как на скриншоте ниже ( Бывает и такое что не показывает событие в режиме реального времени сразу после его настройки, нужно подождать 5-10 минут и только потом проверять в Google Analytics.)

Google Analytics проверка отслеживание формы


Видеоматериал по настройке

Ниже прилагаю видео-инструкцию с подробным руководством по отслеживанию формы через Google Tag Manager.

Надеюсь эта статья была вам полезна! Подписывайтесь на мой блог — будет много полезных и простых способов работы с Google Tag Manager и не только!

[Всего голосов: 17    Средний: 5/5]