Наприклад, у нас є кнопка:

УСПЕШНАЯ ОТПРАВКА ФОРМЫ ЯНДЕКС ДИРЕКТ ЧЕРЕЗ 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

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

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

 

Де XXXXXXXXX – це номер вашого лічильника Яндекс Метрика.

‘ААААААА’ – це ідентифікатор вашої форми, у мене це

ВАЖЛИВО – даний код буде працювати за умови що у вас на сайті встановлена остання версія коду Яндекс Метрики

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

Далі додаємо в цей Тег вже раніше створений нами Тригер і зберігаємо:

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

Після всіх налаштувань не забуваємо відправити всі дані:

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

Далі переходимо в інтерфейс Яндекс Метрика і налаштовуємо мета «Подія»:

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

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