Скрытые поля формы: как передать источник и страницу в заявку и в Битрикс24

Заявка пришла, менеджер взял трубку, клиент назвал задачу и бюджет. А вот откуда он пришёл и какую страницу читал перед тем, как оставить контакты, не знает никто. Это обычная ситуация для сайтов, где форма отправляет только имя, телефон и комментарий. Скрытые поля формы решают эту проблему: вместе с заявкой автоматически уходят источник, страница, кампания и другие сведения, а в Битрикс24 они попадают в отдельные поля карточки. Разберём, как это устроить пошагово и на что обратить внимание владельцу бизнеса.

Что такое скрытые поля и зачем они нужны

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

Зачем это владельцу бизнеса? Ответ короткий: чтобы отвечать на вопросы, на которые без этих полей ответить нельзя. Какая услуга приносит больше обращений? С какого рекламного объявления пришёл клиент, который купил на крупную сумму? Сколько обращений дал поиск, сколько Яндекс Директ, сколько карточка в Яндекс Картах, а сколько 2ГИС? Если в карточке заявки этих сведений нет, вы принимаете решения о бюджете вслепую: вкладываете там, где громче всего звучит чьё-то мнение, а не там, где реально приходят клиенты.

Есть и второе назначение. Менеджеру, который перезванивает клиенту, полезно знать, что человек оставил заявку на странице «Монтаж вентиляции для кафе», а не на общей странице контактов. Разговор сразу получается предметным, и клиент чувствует, что его ждали. Это повышает долю заявок, доведённых до сделки, без каких-либо затрат на рекламу.

Какие поля стоит передавать

Не нужно передавать всё подряд. Набор из пяти-восьми полей закрывает почти все задачи малого и среднего бизнеса.

Адрес страницы, с которой отправлена форма. Это самое полезное поле. По нему видно, какой раздел сайта работает лучше всего, и можно сравнить, например, страницу услуги и страницу с ценами.

Источник перехода. Откуда пришёл посетитель: из поиска Яндекса, из рекламы, из сообщества во ВКонтакте, из Телеграма, из карточки на Яндекс Картах или 2ГИС, напрямую по адресу. Если перейти по ссылке из карточки с метками, источник будет известен точно.

Метки кампании. Это дополнительные параметры в ссылке рекламного объявления: канал, кампания, объявление, ключевая фраза. Яндекс Директ умеет подставлять их автоматически, для других каналов их нужно вписать в ссылку вручную.

Первая страница визита. Часто клиент заходит на сайт через одну страницу, потом несколько минут читает, а форму отправляет с другой. Для оценки рекламы важна именно та, куда он попал впервые.

Идентификатор посетителя из Яндекс.Метрики. Это номер, по которому заявку можно связать с историей визитов в отчётах. Он нужен, если вы хотите потом загружать из системы учёта клиентов данные о продажах обратно в Метрику.

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

Откуда брать значения: цепочка от рекламы до карточки

Чтобы значения оказались в скрытых полях, должна сработать цепочка из нескольких звеньев. Если оборвано хоть одно, заявка придёт с пустыми полями, и узнаете вы об этом, когда захотите посмотреть отчёт.

Первое звено: ссылка. Каждое рекламное объявление, публикация в сообществе, ссылка в рассылке и ссылка из карточки на картах должны вести на сайт с метками. Например, к адресу страницы добавляется хвост, где указано, что канал карты, а площадка 2ГИС. Эти метки придумываете вы, главное единообразие: пусть везде одинаково пишется «яндекс» и «2гис», а не то «Яндекс», то «яндекс-карты».

Второе звено: скрипт на странице. При первом заходе посетителя небольшой скрипт читает метки из адреса и запоминает их в куки браузера на тридцать дней. Это важно: человек может уйти и вернуться через неделю, а метки не должны потеряться.

Третье звено: форма. При отправке скрипт берёт запомненные значения и записывает их в скрытые поля. Если форма загружается позже скрипта или собирается на лету, например во всплывающем окне, поля нужно заполнять в момент отправки, а не при загрузке страницы.

Четвёртое звено: обработчик. Когда заявка принята сервером, значения должны попасть в письмо менеджеру и в карточку в системе учёта клиентов. Об этом дальше.

Как настроить скрытые поля в ХостСМС

В ХостСМС формы строятся на основе модуля «Формы», где каждое поле описывается отдельно. Скрытое поле создаётся как обычное, только с типом «скрытое»: оно не отображается на странице, но участвует в обработке и попадает в письмо с заявкой и в список заявок в административном разделе. Для каждого значения, которое вы хотите сохранить, заводится отдельное поле: «Страница», «Источник», «Кампания», «Первая страница», «Номер посетителя».

Дальше нужно решить, кто заполняет поле. Вариантов два. Первый: заполняет скрипт на стороне браузера, он просто пишет значение в поле перед отправкой. Это простой путь, подходит большинству сайтов. Второй: значение определяет сервер при приёме заявки, например адрес страницы берётся из служебного заголовка запроса. Второй вариант надёжнее для адреса страницы, потому что его нельзя случайно потерять из-за ошибки в скрипте, но для меток кампании всё равно нужен скрипт: сервер не знает, с какой ссылки человек пришёл неделю назад.

Практический совет: создайте единый шаблон формы и подключайте его на всех страницах. Тогда скрытые поля появятся везде сразу, а исправления вносятся в одном месте. Если на сайте пять разных форм, собранных в разное время, почти наверняка в двух из них скрытых полей не окажется, и именно эти две формы будут давать «пустые» заявки.

Если сайт работает на 1С-Битрикс или ВордПресс, логика та же: поле нужного типа, скрипт, который его заполняет, и передача значений в письмо и в систему учёта клиентов. Отличаются только названия настроек и места, где их искать.

Передача в Битрикс24

Теперь самое интересное: чтобы данные из скрытых полей оказались не только в письме, но и в карточке клиента в Битрикс24, форму нужно связать с системой. Есть два способа.

Через встроенную форму Битрикс24. Вы создаёте форму в самой системе, а на сайт вставляете её код. Преимущество в том, что карточка создаётся автоматически, а источник и страницу система умеет определять сама. Недостаток: оформление формы придётся подгонять под дизайн сайта, а скрытые поля нужно создавать как пользовательские поля в карточке.

Через собственную форму сайта и обмен данными. Форма остаётся такой, как вы её нарисовали, а после отправки сайт передаёт данные в Битрикс24 на созданное в системе входящее подключение. Здесь вы сами решаете, какое поле сайта попадёт в какое поле карточки. Этот способ гибче и чаще применяется на сайтах, где форма — часть общего дизайна.

В обоих случаях сначала нужно создать в Битрикс24 пользовательские поля для лида или сделки: «Страница заявки», «Метка канала», «Метка кампании», «Первая страница». Тип поля — строка. Затем сопоставить их с полями формы: каждому скрытому полю на сайте соответствует одно поле в карточке. Встроенные поля «Источник» и «Дополнительно об источнике» тоже можно использовать, но тогда значения должны совпадать со справочником системы. Если вы пишете туда произвольный текст, лучше завести отдельные поля, иначе справочник засорится.

После настройки обязательно отправьте тестовую заявку с рекламной ссылкой и проверьте, что в карточке все поля заполнены. Потом проверьте ещё раз, зайдя на сайт с телефона и из другого браузера. Именно на разных устройствах обычно и обнаруживаются сбои.

Типичные ошибки

Метки теряются при переходе между страницами. Посетитель пришёл по рекламной ссылке на главную, потом перешёл на страницу услуги, и метки из адреса исчезли. Если их не запомнили в куки, заявка со страницы услуги придёт без источника. Решение: запоминать метки при первом заходе.

Метки перезаписываются. Клиент пришёл из рекламы, на следующий день вернулся по закладке, и в заявке появился источник «прямой заход». Правильно хранить два набора: первый визит и последний. Первый показывает, что привело человека, последний — что подтолкнуло к обращению.

Разные написания одного и того же. В отчёте канал «яндекс» и канал «Яндекс» считаются разными. Заведите короткую таблицу допустимых значений и дайте её всем, кто размещает ссылки.

Форма во всплывающем окне не получает значений. Окно появляется после загрузки страницы, и скрипт, который заполнял поля при загрузке, его просто не видел. Заполнять нужно в момент отправки.

Поле есть на сайте, но нет в карточке. Данные доходят до письма, но в системе учёта клиентов их нет, потому что сопоставление не настроено. Менеджеры живут в системе, письма читают редко, и ценность теряется.

Заявки по телефону не учитываются. Скрытые поля работают только для форм. Звонки с сайта нужно отслеживать отдельно: подменой номера через Коллтач или Каллибри либо отдельными номерами для рекламы. Иначе вы видите лишь часть обращений и делаете выводы о бюджете по неполной картине.

Как это связано с продвижением 3 в 1

Мы строим продвижение по принципу «3 в 1»: заявки приходят из трёх точек — из поиска (обычная выдача и ответы нейропоиска), из карточки компании в Яндекс Картах и Яндекс Бизнесе и из карточки в 2ГИС. Скрытые поля помогают увидеть вклад каждой точки.

Для поиска источник обычно определяется самой Яндекс.Метрикой, но для заявок нужно передавать его в карточку. Для карточки в Яндекс Бизнесе и в 2ГИС можно поставить в поле «сайт» ссылку с метками, например с отметкой «карта яндекса» и «карта 2гис». Тогда каждый переход оттуда будет подписан, и вы увидите, сколько форм отправлено с этих переходов. Для звонков из карточек полезен отдельный номер, который видит только эта площадка: статистика звонков по нему покажет, чего стоит присутствие на картах.

В итоге в отчёте по заявкам за месяц вы видите три строки: поиск, Яндекс Бизнес, 2ГИС, и у каждой — число обращений, число целевых и стоимость. Работа над одним каналом при слабых двух других даёт неполный результат, а без скрытых полей вы даже не заметите, какой из каналов отстаёт.

Как проверить, что всё работает: по заявкам

Настройка скрытых полей не заканчивается тестовой заявкой. Через две недели откройте список заявок в системе учёта клиентов и посмотрите на долю карточек, в которых поле «Источник» не заполнено. Если пустых больше пяти-десяти процентов, где-то есть дыра: старая форма без полей, страница без скрипта, всплывающее окно или рекламная ссылка без меток. Найдите пустые карточки, откройте каждую и посмотрите, на какой странице она была создана. Обычно виновник находится за десять минут: все пустые заявки приходят с одной и той же страницы.

Второй способ проверки — сравнить число заявок в системе с числом достижений цели «отправка формы» в Яндекс.Метрике за тот же период. Расхождение больше пятнадцати процентов — повод разбираться: либо часть заявок не доходит до системы, либо цель в Метрике срабатывает на нажатие кнопки, а не на успешную отправку. Идеальной точности добиться трудно, но порядок величин должен совпадать.

Третий способ — проверить пример из жизни. Выберите три последние сделки и найдите их карточки. Для каждой должно быть понятно, откуда пришёл клиент и с какой страницы он обратился. Если вы не можете ответить на этот вопрос по сделке, которую только что закрыли, то ответа не будет и по остальным.

Пошаговый план внедрения на неделю

Если вы хотите сделать всё аккуратно и без спешки, хватит одной рабочей недели. В первый день составьте список всех форм на сайте: основная форма, форма в подвале, окно обратного звонка, калькулятор, подписка. Часто их оказывается больше, чем вы думали. Во второй день решите, какие поля вам нужны, и согласуйте единые названия каналов. В третий день создайте поля в ХостСМС и пользовательские поля в Битрикс24 и настройте сопоставление. В четвёртый день подготовьте ссылки с метками для рекламы, публикаций в сообществах, рассылок и карточек на картах. В пятый день проведите испытание: отправьте заявки с разных ссылок, с компьютера и телефона, и проверьте карточки.

После запуска назначьте ответственного, который раз в неделю смотрит долю пустых источников и сообщает о проблемах. Это занимает десять минут и экономит месяцы слепой работы.

Что делать с накопленными данными

Через месяц у вас появляется то, чего раньше не было: честная картина каналов. Разделите заявки по источникам и по страницам и посчитайте три показателя. Первый — число обращений. Второй — доля целевых, то есть тех, что менеджер признал реальными клиентами. Третий — число оплаченных сделок. Сумма затрат на канал, делённая на число обращений, даёт стоимость заявки, а делённая на число сделок — стоимость клиента. Именно по этим числам стоит решать, куда направить бюджет.

Часто выясняется неожиданное. Канал, который казался главным, даёт много пустых звонков, а скромная карточка в 2ГИС приносит меньше заявок, но почти все они целевые. Страница, которую считали служебной, оказывается самой результативной. Такие открытия возможны только тогда, когда данные собираются автоматически и одинаково для всех каналов.

Следующий шаг — загрузить в Яндекс.Метрику данные о состоявшихся продажах. Тогда в отчётах появится не только число заявок, но и сумма денег, принесённых каждым источником. Для этого пригодится тот самый идентификатор посетителя, который мы советовали передавать в скрытом поле.

Вывод

Скрытые поля формы — недорогая доработка, которая превращает безликие заявки в данные для решений. С их помощью вы видите источник, страницу и кампанию в каждой карточке Битрикс24, понимаете вклад поиска, Яндекс Бизнеса и 2ГИС и перестаёте делить бюджет наугад. Главное — единые названия каналов, метки во всех ссылках, запоминание метки на время визита и регулярная проверка доли пустых источников.

Если вы хотите, чтобы заявки с вашего сайта приходили с понятным источником, а система учёта клиентов показывала реальную картину, обратитесь за бесплатной консультацией к специалистам компании «Сайты Профессионально». Мы посмотрим ваши формы, подскажем, какие поля передавать, и настроим связь сайта с Битрикс24.