POST /submit 200 OKФормы, заявки и разведка конкурентов

Что происходит, когда посетитель нажимает «Отправить»

Отправка формы — это запрос, такой же, как в прошлых уроках. Браузер упаковывает данные из полей и отправляет их на сервер: в конструктор, в CRM или в почтовый сервис. Сервер отвечает — и только после этого заявка считается доставленной.

Поломаться может на каждом шаге:

• Запрос не ушёл. Скрипт формы упал с ошибкой — ищите красное в Console.
• Запрос ушёл, но сервер ответил ошибкой — статус 4xx или 5xx в Network.
• Статус 200, а внутри ответа ошибка. Самый коварный случай: сайт показывает «Спасибо», а заявка до CRM не дошла.
• Заявка дошла, но без меток. Тогда в отчётах её не связать с рекламой.

Как проверить. Откройте Network, включите Preserve log и кнопку Fetch/XHR, отправьте тестовую заявку с именем «ТЕСТ», чтобы её не обработали как настоящую. Кликните по появившемуся запросу. Вкладка Payload показывает, какие данные ушли, а Response — что ответил сервер.

Скрытые поля формы

Кроме полей, которые видит посетитель, в форме бывают скрытые: <input type="hidden">. Скрипты заранее записывают в них служебные данные, и они уходят вместе с заявкой: UTM-метки, адрес страницы, ClientID Метрики, номер квиза.

Многие конструкторы, включая Тильду, передают UTM-метки в заявку сами. Но ClientID и нестандартные данные обычно добавляют через скрытые поля, и здесь часто бывают ошибки. Проверить поля легко: откройте Elements, нажмите Ctrl+F и введите селектор input[type="hidden"].

Разведка конкурентов

Всё, что загружает страница, браузер получает открыто — значит, это видно и вам. По сайту конкурента в DevTools можно узнать:

• на чём сделан сайт: Тильда, WordPress, 1С-Битрикс;
• какие счётчики и пиксели стоят: если есть пиксель VK Рекламы, скорее всего, конкурент там рекламируется;
• подключён ли коллтрекинг: значит, конкурент считает звонки по каналам и следит за окупаемостью;
• какие виджеты работают на конверсию: чат, квиз, обратный звонок;
• как сформулированы title, description и превью для мессенджеров.

Сервисы легко узнать по адресам запросов в Network:

Что рассказывает ссылка из объявления

Когда вы переходите по объявлению конкурента, в адресе страницы часто видны его UTM-метки и параметры Директа. Директ умеет подставлять в ссылку данные о показе: {keyword} — ключевую фразу, {source_type} — площадку (search для поиска, context для РСЯ), {campaign_id} — номер кампании.

Русский текст в адресе закодирован процентами: «уборка» превращается в %D1%83%D0%B1%D0%BE%D1%80%D0%BA%D0%B0. Расшифровать его можно прямо в консоли командой decodeURIComponent(location.href).

Итоговый чек-лист: аудит лендинга за 15 минут

Всё, чему вы научились за пять уроков, складывается в одну проверку перед запуском рекламы:

1. Мобильная версия (урок 1): кнопки и формы целы на iPhone SE и узких Android, телефон кликабелен.
2. SEO-основа (урок 2): нет noindex, canonical ведёт на эту же страницу, понятные title и description, один H1, превью в Telegram.
3. Аналитика (урок 3): один счётчик Метрики, пиксель VK загружается, цель формы срабатывает с правильным идентификатором.
4. Метки (уроки 3 и 5): UTM и ClientID сохраняются и уходят с заявкой в скрытых полях.
5. Скорость (урок 4): на Slow 4G первый экран появляется быстро, тяжёлых картинок нет, кнопки не прыгают.
6. Заявка (урок 5): тестовая заявка ушла, сервер ответил без ошибок, заявка дошла до CRM.
7. Конкуренты (урок 5): вы знаете, какими инструментами пользуются два-три главных конкурента.

Домашнее задание

Отправьте тестовую заявку со своего лендинга с открытым Network и проверьте Payload и Response. Найдите скрытые поля формы и убедитесь, что они заполнены. Затем составьте технические карточки двух конкурентов: конструктор, счётчики, коллтрекинг, чат, квиз. Сравните со своим сайтом — каких инструментов не хватает вам?