У меня есть форма регистрации, настроенная как одностраничное приложение (SPA). Моя цель - настроить GTM для отслеживания степени выполнения каждой стадии в последовательности.
Содержимое каждого этапа имеет уникальный div id
- Шаг 1 - Получить предложение:
div id = "flow-form-Quote" - Шаг 2 - Выбрать план:
div id = "flow-form-PlanSelector" - Шаг 3 - Детали приложения:
div id = "flow-form-Application" - Шаг 4 - Просмотр и оплата:
div id = "flow-form-Payment"
Каждый div id принимает 1 из 3 различных состояний (т.е. классов div):
class = "view-mode" class = "edit-mode"class = "hide-mode"
Состояния автоматически переключаются в зависимости от того, на каком шаге находится пользователь.
Например, когда Шаг 1 активен, только flow-form-Quote находится в edit-mode; остальные идентификаторы div находятся в hide-mode или view-mode:
<div id = "flow-form-Quote" class = "edit-mode"><div id = "flow-form-PlanSelector" class = "hide-mode"><div id = "flow-form-Application" class = "hide-mode"><div id = "flow-form-Payment" class = "hide-mode">
Впоследствии, когда активен Шаг 2, только flow-form-PlanSelector находится в edit-mode; остальные идентификаторы div находятся в hide-mode или `режиме просмотра:
<div id = "flow-form-Quote" class = "view-mode"><div id = "flow-form-PlanSelector" class = "edit-mode"><div id = "flow-form-Application" class = "hide-mode"><div id = "flow-form-Payment" class = "hide-mode">
Учитывая этот сценарий, мое решение в GTM состоит в том, чтобы сконфигурировать триггер для срабатывания всякий раз, когда выполняется правильная комбинация div id и class = "edit-mode" условий, например:
Имеет ли смысл настройка триггера и работает ли в таком сценарии?
Есть ли альтернативы?