Аналитика

Отслеживание видимости элементов на сайте через GTM

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


Содержание:

1 Создание нового Тега
2 Cоздание триггера

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

В самом начале мы должны создать тег как на картинке ниже
Создания тега ГТМ

Далее пишем названия тега в моем случаи это»Form Element Availability» и выбираем тип тега «Google Аналитика – Universal Analytics»

Теперь нужно выбрать:
Тип отслеживания: Событие;
Категория: Feedback;
Действие: Sent successfully;
Значение: {{Page URL}};
Настройки Google Analytics: выбрать свой идентификатор с Гугл Аналитикс.

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



Прежде чем создать триггер, нужно понять какой class у элемента. В моем случаи для начала я должен заполнить форму и когда вылетит окошко, что форма успешно отправлена нужно в браузере нажать F12 и просмотреть код элемента который будим отслеживать. Таким образом я вижу что мне нужно привязываться к classy «successfully»

Теперь переходим к созданию триггера активации, для этого нужно выбрать триггер «Доступность элемента»
Пишем название триггера в моем случаи «successfully»
Метод выбора: «Селектор CSS»
Селектор элементов: «.successfully» ( В это поле нужно вписать название нашего класа и поставить точку перед)
Правило запуска этого триггера: «Один раз на страницу»
Минимальный процент видимости «90»
И ставим галочку: Регистрация изменений DOM
Условия активации триггера: Все события типа «Доступность»

После всего нажимаем кнопку сохранить и у нас должно получиться так как на скриншоте ниже.

После чего сохраняем, отправляем и опубликовываем наш тег.
Все готово, теперь осталось только проверить работу в режиме реального времени в событиях Google Analytics

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