Скрытые поля: передача данных без участия пользователя.

Не все данные поступают от пользователей. Откуда они взялись? На какую рекламу они кликнули? На какой странице? Скрытые поля автоматически собирают эти невидимые данные, обогащая ваши ответы без лишних сложностей при заполнении форм. Вот как эффективно их использовать.

Что такое скрытые поля?

Определение

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

Как они работают

Видимая форма: ┌──────────────────────────────────────┐ │ Имя: [Джон Смит] │ │ Электронная почта: [[электронная почта защищена]     ] │ │ Сообщение: [Сколько стоит... ] │ │ │ │ [Отправить] │ └────────────────────────────────────┘ Что именно отправляется: - Имя: Джон Смит - Электронная почта: [электронная почта защищена]
- Сообщение: Сколько стоит... - Источник: google_ads ← Скрытое поле - Кампания: summer_sale_2026 ← Скрытое поле - Целевая страница: /pricing ← Скрытое поле

Пользовательский опыт

• Пользователи не видят скрытые поля.
• Дополнительные поля для заполнения отсутствуют.
• Форма остается четкой и сфокусированной.
• Данные собираются автоматически.

Зачем использовать скрытые поля?

1. Отслеживайте источники маркетинга.

Узнайте, какие рекламные кампании привлекают потенциальных клиентов:

• Идентификаторы рекламных кампаний
• Источники трафика
• Партнерские рефералы
• Каналы в социальных сетях

2. Захват контекста страницы

Узнайте, где находились пользователи в момент отправки формы:

• URL целевой страницы
• Просматриваемый товар
• Читается запись в блоге
• Язык/версия страницы

3. Передача технических данных

Информация о системе сбора данных:

• Форма версии
• Вариант A/B-тестирования
• Пользовательский агент
• Timestamp

4. Предварительное заполнение известной информации.

Укажите уже имеющиеся у вас данные:

• Идентификатор пользователя (если авторизован)
• Тип аккаунта
• Уровень подписки
• Предыдущие взаимодействия

5. Свяжите связанные данные

Свяжите отправленные данные с другими системами:

• Идентификаторы записей CRM
• Номера для заказов
• Номера билетов
• Идентификаторы сеансов

Создание скрытых полей на авиабазе ВВС

Метод 1: Текстовое поле со скрытым режимом

1. Добавить Текст поле к вашей форме
2. Открыть настройки поля
3. Включите Скрытое поле Режим
4. Установите значение по умолчанию
5. Поле становится невидимым на фронтенде

Параметры конфигурации

• Метка: Внутреннее название (для вашей информации)
• Значение по умолчанию: Значение для отправки
• Скрытый: Включить

Пример настройки

Поле: Текст Метка: "Источник трафика" Скрыто: Да Значение по умолчанию: "organic_search"

Типичные сценарии использования скрытых полей

Вариант использования 1: Отслеживание параметров UTM

Цель: Отслеживайте, какие маркетинговые кампании приводят к отправке форм.

Скрытые поля:

utm_source: [Значение из URL] utm_medium: [Значение из URL] utm_campaign: [Значение из URL] utm_content: [Значение из URL] utm_term: [Значение из URL]

Пример URL:

yoursite.com/contact?utm_source=google&utm_medium=cpc&utm_campaign=summer_sale

Данные заявки:

Имя: Джон Смит Электронная почта: [электронная почта защищена]
utm_source: google utm_medium: cpc utm_campaign: summer_sale

Вариант использования 2: Контекст страницы/продукта

Цель: Узнайте, на какой странице находилась форма.

Скрытое поле:

page_url: [URL текущей страницы] page_title: [Заголовок текущей страницы] product_id: [Просматриваемый товар]

Почему полезно:

• «У меня вопрос о…» → Вы знаете, о каком продукте идёт речь.
• Запрос в службу поддержки → Вы знаете, какую статью они читали.
• Запрос на продажу → Вы знаете, на какой странице сервиса вы находитесь.

Вариант использования 3: Версия формы/Тестирование

Цель: Отследите, какой вариант формы был отправлен.

Скрытые поля:

form_version: "v2.3" ab_test_variant: "B" form_location: "sidebar"

Почему полезно:

• Сравните коэффициенты конверсии между версиями.
• Узнайте, какой вариант A/B показал лучшие результаты.
• Отслеживайте эффективность размещения форм.

Вариант использования 4: Информация о реферере

Цель: Узнайте, как пользователи попали на ваш сайт.

Скрытое поле:

referrer_url: [Document referrer]

Захватывает:

• Какой сайт дал на вас ссылку?
• Какая поисковая система
• Платформа социальных сетей
• Рассылка электронных писем (при переходе по ссылке)

Вариант использования 5: Идентификация пользователя

Цель: Привязывайте отправленные материалы к известным пользователям.

Скрытые поля:

user_id: [Идентификатор пользователя WordPress] user_email: [Электронная почта авторизованного пользователя] customer_type: [Тип учетной записи]

Почему полезно:

• Зарегистрированным пользователям не нужно повторно вводить информацию.
• Ссылка на записи CRM
• Персонализированное сопровождение

Вариант использования 6: Временная метка/Метаданные

Цель: Захват контекста отправки

Скрытые поля:

submission_timestamp: [Текущая дата/время] user_timezone: [Часовой пояс браузера] browser_language: [Настройки языка браузера]

Вариант использования 7: Отслеживание партнерских программ/аффилиатов

Цель: Кредитные партнеры для рекомендаций

Скрытое поле:

affiliate_id: [Значение из параметра URL] partner_code: [Значение cookie-файла]

Пример URL:

yoursite.com/signup?ref=partner123

Динамические значения скрытых полей

Статические значения

Заложено в коде, одинаково для всех:

form_name: "Контактная форма" form_version: "1.0" department: "Продажи"

Параметры URL

Значения из URL страницы:

URL: yoursite.com/page?source=facebook&campaign=spring Скрытые поля capture: source: "facebook" campaign: "spring"

Информация о странице

Контекст текущей страницы:

page_url: "https://yoursite.com/products/widget" page_title: "Премиум-виджет - Ваш сайт"

Значения файлов cookie

Данные, хранящиеся в браузере:

visitor_id: [Из файла cookie отслеживания] first_visit: [Дата первого посещения из файла cookie]

Сгенерировано на JavaScript

Значения, вычисленные на странице:

timestamp: [Текущее время] screen_resolution: [Размер экрана пользователя] timezone: [Часовой пояс пользователя]

Настройка захвата параметров URL

Как работают параметры URL

Базовый URL: yoursite.com/contact С параметрами: yoursite.com/contact?source=email&campaign=newsletter Параметры: - source = email - campaign = newsletter

Захват параметров в скрытых полях

Шаг 1: Создать скрытое поле с именем параметра

Метка поля: источник Скрыто: Да Значение по умолчанию: (пустое или резервное значение)

Шаг 2: Настройте чтение по URL-адресу.

Поле автоматически заполняется из параметра URL, если имена совпадают.

Шаг 3: Тестирование с использованием параметров URL

Посетите: yoursite.com/contact?source=test_value Отправьте форму Проверьте правильность отправки: source = "test_value"

Лучшие практики

1. Используйте понятные названия.

Хорошо: - traffic_source - utm_campaign - landing_page_url Не рекомендуется: - field1 - data - x

2. Установите резервные значения.

Что произойдет, если параметр URL отсутствует?

Значение по умолчанию: "direct" (для источника) Значение по умолчанию: "none" (для кампании) Значение по умолчанию: "organic" (для носителя)

3. Не отслеживайте слишком много.

Собирайте только те данные, которые вам действительно понадобятся:

• Вы проанализируете это поле?
• Помогает ли это в квалификации потенциальных клиентов?
• Необходимо ли дальнейшее наблюдение?

4. Будьте прозрачны

В политике конфиденциальности следует указать:

• Какие данные вы собираете?
• Как вы используете данные отслеживания
• Сторонние интеграции

5. Тщательно протестируйте

• Отправьте тестовую форму с указанием параметров.
• Проверьте правильность полученных значений.
• Протестируйте сценарии с отсутствующими параметрами.
• Проверка наличия в представленных данных скрытой информации.

6. Проверяйте при необходимости.

Для критически важных скрытых ценностей:

• Проверка формата на стороне сервера.
• Очистка входных данных
• Не следует слепо доверять данным на стороне клиента.

Скрытые поля в уведомлениях по электронной почте

Включая скрытые данные

В электронных письмах с уведомлениями могут появляться скрытые поля:

Новая форма обратной связи. Имя: Джон Смит. Электронная почта: [электронная почта защищена]
Сообщение: Я хотел бы узнать больше... --- Информация об отслеживании --- Источник: google_ads Кампания: summer_sale Страница: /pricing

Организация содержимого электронных писем

• Сгруппируйте скрытые поля по отдельности.
• Присвойте им метки «Отслеживание» или «Метаданные».
• Рассмотрите возможность исключения этого пункта из рассылок клиентам.

Скрытые сферы в экспорте

CSV экспорт

Скрытые поля отображаются в виде столбцов:

Имя, Электронная почта, Сообщение, Источник, Кампания, Страница Джон,[электронная почта защищена]Вопрос...,google,summer_sale,/pricing Jane,[электронная почта защищена]Запрос...,facebook,spring_promo,/services

Фильтрация по скрытым полям

В вашей электронной таблице:

• Отфильтруйте по источнику, чтобы увидеть все лиды из Google.
• Отфильтруйте результаты по кампаниям, чтобы оценить эффективность конкретных рекламных акций.
• Анализ конверсии по целевой странице

Пример атрибуции маркетинга

Установка

Скрытые поля: 1. utm_source (по умолчанию: "direct") 2. utm_medium (по умолчанию: "none") 3. utm_campaign (по умолчанию: "none") 4. utm_content (по умолчанию: "none") 5. landing_page (захватывает текущий URL)

URL-адреса рекламных кампаний

Google Ads: yoursite.com/offer?utm_source=google&utm_medium=cpc&utm_campaign=spring_sale Facebook: yoursite.com/offer?utm_source=facebook&utm_medium=paid_social&utm_campaign=retargeting Email: yoursite.com/offer?utm_source=newsletter&utm_medium=email&utm_campaign=march_promo

Результирующие данные

Заявка 1: - Имя: Джон - utm_source: google - utm_medium: cpc - utm_campaign: spring_sale Заявка 2: - Имя: Джейн - utm_source: facebook - utm_medium: paid_social - utm_campaign: retargeting Заявка 3: - Имя: Боб - utm_source: direct - utm_medium: none - utm_campaign: none (В URL отсутствуют UTM-параметры)

Анализ

• Google Реклама: 45 лидов
• Facebook: 32 потенциальных клиента
• Электронная почта: 28 потенциальных клиентов
• Прямые контакты: 15 потенциальных клиентов

Соображения безопасности

Скрытое ≠ Безопасное

Важно: скрытые поля НЕ невидимы для пользователей, просматривающих страницу.

• Видно в исходном коде страницы
• Это можно увидеть с помощью инструментов разработчика браузера.
• Может быть изменен опытными пользователями.

Что НЕ следует класть в скрытые поля

• Пароли или секреты
• Конфиденциальные личные данные
• Цены, которые не следует изменять
• Токены безопасности (если не прошли надлежащую проверку)

Что уместно

• Данные отслеживания/аналитики
• Контекст страницы
• Неконфиденциальные метаданные
• Значения, которые проверяются на стороне сервера.

УСТРАНЕНИЕ НЕПОЛАДОК

Скрытое поле не отправляется

• Убедитесь, что поле действительно присутствует в форме.
• Убедитесь, что скрытый режим включен.
• Убедитесь, что установлено значение по умолчанию.
• Сначала протестируйте с простым статическим значением.

Параметр URL не перехвачен

• Проверьте, совпадает ли имя параметра точно (с учетом регистра).
• Убедитесь, что URL-адрес содержит параметр.
• Функция захвата параметров теста настроена.

Значение всегда отображает значение по умолчанию.

• Динамический источник значений может быть не настроен.
• Проверьте наличие ошибок JavaScript в консоли.
• Функция проверки поддерживается.

Пустые значения в отправленных данных

• Установите резервные значения по умолчанию.
• Проверьте, был ли доступен источник значения.
• Может указывать на прямые визиты (без параметров).

Резюме

Эффективное использование скрытых полей:

1. Добавить текстовое поле – При включенном скрытом режиме
2. Установить метку – Четкое, описательное название
3. Настройте значение – Статический или динамический источник
4. Установить резервный вариант – По умолчанию, если источник недоступен
5. Тщательно протестируйте – Проверьте полученные значения
6. Использование в анализе – Фильтрация и создание отчетов по скрытым данным

Заключение

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

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

Готовы отслеживать больше данных? Скачать Auto Form Builder и начните использовать скрытые поля для обогащения данных, отправляемых в формы.