Найти в Дзене

Топ-6 способов отследить отправку формы через Яндекс.Тег-Менеджер

(и один из них — просто спасение для AJAX-форм 🙌) Рассказываю сегодня вам про отслеживание форм — и не просто рассказываю, а сразу советую шесть рабочих методов. 1️⃣ «Отправка формы» Самый базовый триггер в ЯТМ. ✅ Просто включить. ❌ Но не работает, если: — форма на AJAX/React, — нет тега <form>, — или пользователь нажал «отправить», но данные не прошли валидацию. Подходит, только если нет доступа к коду и разработчику — и то с оговорками. 2️⃣ Страница благодарности Если после заявки пользователя перекидывает на отдельную страницу — это ваш вариант. Настраиваете триггер на просмотр URL → /spasibo/. Работает чётко — но только если валидация на сайте настроена правильно (иначе можно попасть на «спасибо» без реальной заявки). 3️⃣ Видимость элемента («Спасибо!» на экране) Идеально для AJAX-форм, где страница не перезагружается, но появляется сообщение: «Заявка отправлена!» Нужно: — Найти CSS-селектор этого блока (через инспектор), — Создать триггер «видимость элемента». ⚠️ В ЯТМ это до сих

(и один из них — просто спасение для AJAX-форм 🙌)

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

1️⃣ «Отправка формы»

Самый базовый триггер в ЯТМ.

✅ Просто включить.

❌ Но не работает, если:

— форма на AJAX/React,

— нет тега <form>,

— или пользователь нажал «отправить», но данные не прошли валидацию.

Подходит, только если нет доступа к коду и разработчику — и то с оговорками.

2️⃣ Страница благодарности

Если после заявки пользователя перекидывает на отдельную страницу — это ваш вариант.

Настраиваете триггер на просмотр URL → /spasibo/.

Работает чётко — но только если валидация на сайте настроена правильно (иначе можно попасть на «спасибо» без реальной заявки).

3️⃣ Видимость элемента («Спасибо!» на экране)

Идеально для AJAX-форм, где страница не перезагружается, но появляется сообщение: «Заявка отправлена!»

Нужно:

— Найти CSS-селектор этого блока (через инспектор),

— Создать триггер «видимость элемента».

⚠️ В ЯТМ это до сих пор требует небольшого костыля через Пользовательский HTML-тег — но с готовым шаблоном делается за 5 минут.

4️⃣ Событие из Data Layer

Самый надёжный способ.

Разработчик добавляет в код после успешной отправки:

js

1 dataLayer.push({ event: 'order_finished' });

А вы в ЯТМ ловите это событие через триггер.

✅ 100% точность.

❌ Требует участия разработчика (хотя там буквально одна строчка).

5️⃣ Data Layer на Tilda

Если сайт на Tilda — вам повезло!

Она сама отправляет событие form_submit в dataLayer при отправке формы.

Ничего дописывать не нужно — просто ловите его в ЯТМ.

(Подробный гайд у меня был — найдёте по хештегу #ЯТМ)

6️⃣ Универсальный JS-код для AJAX

🔥 Это мой новый фаворит!

Вы добавляете один JS-скрипт через Пользовательский HTML-тег — и он автоматически ловит успешные отправки, даже если:

— нет dataLayer,

— нет страницы благодарности,

— и разработчик в отпуске.

Он «слушает» сетевые запросы и определяет, когда форма реально ушла на сервер.

Буквально спас проект два дня назад!

💡 Выбирайте метод под ваш сайт:

— Нет доступа к коду? → Страница благодарности или видимость.

— Есть разработчик? → Data Layer.

— На Tilda? → Готовое событие.

— AJAX-адская форма без ничего? → Универсальный скрипт (метод №6).

А вы как отслеживаете формы?

Пользуетесь одним из этих способов — или знаете седьмой секретный метод? 😏