Ранее мы рассказывали о том, как настраивать успешную отправку формы для Google Analytics, сейчас разберем, как настроить аналогичную цель для Яндекс Директ.

Например, у нас есть кнопка: 

УСПЕШНАЯ ОТПРАВКА ФОРМЫ ЯНДЕКС ДИРЕКТ ЧЕРЕЗ GOOGLE TAG MANAGER - изображение1

После нажатия на эту кнопку мы видим форму: 

УСПЕШНАЯ ОТПРАВКА ФОРМЫ ЯНДЕКС ДИРЕКТ ЧЕРЕЗ GOOGLE TAG MANAGER - изображение2

Отслеживать нам надо именно заполненную и успешно отправленную форму, поэтому мы настроем цель на отслеживание успешной отправки формы через Google Tag Manager.

Создаем Триггер: 

УСПЕШНАЯ ОТПРАВКА ФОРМЫ ЯНДЕКС ДИРЕКТ ЧЕРЕЗ GOOGLE TAG MANAGER - изображение3

Выбираем тип триггера «Доступность элемента».

УСПЕШНАЯ ОТПРАВКА ФОРМЫ ЯНДЕКС ДИРЕКТ ЧЕРЕЗ GOOGLE TAG MANAGER - изображение4

Переходим к настройке триггера и определяем «Метод выбора».

УСПЕШНАЯ ОТПРАВКА ФОРМЫ ЯНДЕКС ДИРЕКТ ЧЕРЕЗ GOOGLE TAG MANAGER - изображение5

Для этого переходим на наш сайт, отправляем тестовую заявку и видим форму благодарности:  

УСПЕШНАЯ ОТПРАВКА ФОРМЫ ЯНДЕКС ДИРЕКТ ЧЕРЕЗ GOOGLE TAG MANAGER - изображение6

На нашей форме благодарности кликаем правой кнопкой мыши и выбираем «Посмотреть код», так же это можно сделать нажатием клавиш Ctrl + Shift + I.

УСПЕШНАЯ ОТПРАВКА ФОРМЫ ЯНДЕКС ДИРЕКТ ЧЕРЕЗ GOOGLE TAG MANAGER - изображение7

Обозначение нашей формы имеет вид « div.modal__thanks». Это значит что нам надо выбрать «Селектор CCS» в настройках триггера, дать ему название и сохранить.

УСПЕШНАЯ ОТПРАВКА ФОРМЫ ЯНДЕКС ДИРЕКТ ЧЕРЕЗ GOOGLE TAG MANAGER - изображение8

Идентификатор стоит выбирать в тех случаях когда наша форма благодарности имеет свой уникальный id. 

Далее переходим в раздел «Тэги» и создаем новый тэг: 

УСПЕШНАЯ ОТПРАВКА ФОРМЫ ЯНДЕКС ДИРЕКТ ЧЕРЕЗ GOOGLE TAG MANAGER - изображение9

Выбираем тип тэга «Пользовательский HTML»:

УСПЕШНАЯ ОТПРАВКА ФОРМЫ ЯНДЕКС ДИРЕКТ ЧЕРЕЗ GOOGLE TAG MANAGER - изображение10

Далее в открывшемся окне нам нужно добавить код с идентификатором нашей формы и номером счетчика, его можно найти в справке Яндекс Директ. Сам код выглядит так: 

<script>  

ym(XXXXXXXXX, ‘reachGoal’, ‘ААААААА’); 

</script> 

Где XXXXXXXXX – это номер вашего счетчика Яндекс Метрика. 

‘ААААААА’ – это идентификатор вашей формы, у меня это

ВАЖНО – данный код будет работать при условии что у вас на сайте установлена последняя версия кода Яндекс Метрики

УСПЕШНАЯ ОТПРАВКА ФОРМЫ ЯНДЕКС ДИРЕКТ ЧЕРЕЗ GOOGLE TAG MANAGER - изображение11

Далее добавляем в этот Тэг уже ранее созданный нами Триггер и сохраняем: 

УСПЕШНАЯ ОТПРАВКА ФОРМЫ ЯНДЕКС ДИРЕКТ ЧЕРЕЗ GOOGLE TAG MANAGER - изображение12

После всех настроек не забываем отправить все данные: 

УСПЕШНАЯ ОТПРАВКА ФОРМЫ ЯНДЕКС ДИРЕКТ ЧЕРЕЗ GOOGLE TAG MANAGER - изображение13

Далее переходим в интерфейс Яндекс Метрика и настраиваем цель «Событие»: 

УСПЕШНАЯ ОТПРАВКА ФОРМЫ ЯНДЕКС ДИРЕКТ ЧЕРЕЗ GOOGLE TAG MANAGER - изображение14

После всех настроек проверяем срабатывание цели через режим предваритильного просмотра GTM и интерфейс Яндекс Метрики.