Ранее мы рассказывали о том, как настраивать успешную отправку формы для Google Analytics, сейчас разберем, как настроить аналогичную цель для Яндекс Директ.
Например, у нас есть кнопка:
После нажатия на эту кнопку мы видим форму:
Отслеживать нам надо именно заполненную и успешно отправленную форму, поэтому мы настроем цель на отслеживание успешной отправки формы через Google Tag Manager.
Создаем Триггер:
Выбираем тип триггера «Доступность элемента».
Переходим к настройке триггера и определяем «Метод выбора».
Для этого переходим на наш сайт, отправляем тестовую заявку и видим форму благодарности:
На нашей форме благодарности кликаем правой кнопкой мыши и выбираем «Посмотреть код», так же это можно сделать нажатием клавиш Ctrl + Shift + I.
Обозначение нашей формы имеет вид « div.modal__thanks». Это значит что нам надо выбрать «Селектор CCS» в настройках триггера, дать ему название и сохранить.
Идентификатор стоит выбирать в тех случаях когда наша форма благодарности имеет свой уникальный id.
Далее переходим в раздел «Тэги» и создаем новый тэг:
Выбираем тип тэга «Пользовательский HTML»:
Далее в открывшемся окне нам нужно добавить код с идентификатором нашей формы и номером счетчика, его можно найти в справке Яндекс Директ. Сам код выглядит так:
<script>
ym(XXXXXXXXX, ‘reachGoal’, ‘ААААААА’);
</script>
Где XXXXXXXXX – это номер вашего счетчика Яндекс Метрика.
‘ААААААА’ – это идентификатор вашей формы, у меня это
ВАЖНО – данный код будет работать при условии что у вас на сайте установлена последняя версия кода Яндекс Метрики
Далее добавляем в этот Тэг уже ранее созданный нами Триггер и сохраняем:
После всех настроек не забываем отправить все данные:
Далее переходим в интерфейс Яндекс Метрика и настраиваем цель «Событие»:
После всех настроек проверяем срабатывание цели через режим предваритильного просмотра GTM и интерфейс Яндекс Метрики.