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

Не всі дані походять від користувача. Звідки вони взялися? На яке оголошення вони натиснули? На якій сторінці вони були? Приховані поля автоматично фіксують ці невидимі дані, збагачуючи ваші дані, не додаючи перешкод вашим формам. Ось як їх ефективно використовувати.

Що таке приховані поля?

Визначення

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

Як вони працюють

Видима форма: ┌────────────────────────────────────────────┐ │ Ім'я: [Джон Сміт] │ │ Електронна пошта: [[захищено електронною поштою]     ] │ │ Повідомлення: [Скільки коштує... ] │ │ │ │ [Надіслати] │ └──────────────────────────────────────────┘ Що насправді надсилається: - Ім'я: Джон Сміт - Електронна пошта: [захищено електронною поштою]
- Повідомлення: Скільки коштує... - Джерело: google_ads ← Приховане поле - Кампанія: summer_sale_2026 ← Приховане поле - Цільова сторінка: /pricing ← Приховане поле

User Experience

• Користувачі не бачать прихованих полів
• Немає додаткових полів для заповнення
• Форма залишається чистою та зосередженою
• Дані збираються автоматично

Навіщо використовувати приховані поля?

1. Відстежуйте маркетингові джерела

Дізнайтеся, які кампанії залучають потенційних клієнтів:

• Ідентифікатори рекламних кампаній
• Джерела трафіку
• Партнерські реферали
• Канали в соціальних мережах

2. Контекст сторінки захоплення

Дізнайтеся, де були користувачі, коли вони надсилали:

• URL-адреса цільової сторінки
• Продукт, що переглядається
• Читається допис у блозі
• Мова/версія сторінки

3. Передайте технічні дані

Інформація про систему захоплення:

• Версія форми
• Варіант A/B-тесту
• Агент користувача
• Timestamp

4. Попереднє заповнення відомої інформації

Включіть дані, які у вас вже є:

• Ідентифікатор користувача (якщо ви ввійшли в систему)
• Тип рахунку
• Рівень підписки
• Попередні взаємодії

5. Підключення пов'язаних даних

Пов’язати подання з іншими системами:

• Ідентифікатори записів CRM
• Номери замовлень
• Посилання на квитки
• Ідентифікатори сеансів

Створення прихованих полів у AFB

Спосіб 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: літній_розпродаж

Варіант використання 2: Контекст сторінки/продукту

Мета: Дізнайтеся, на якій сторінці була форма

Приховане поле:

page_url: [URL-адреса поточної сторінки] page_title: [Назва поточної сторінки] product_id: [Товар, що переглядається]

Чому корисно:

• «У мене є питання щодо…» → Ви знаєте, який продукт
• Запит на підтримку → Ви знаєте, яку статтю вони читали
• Запит продажу → Ви знаєте, яка сторінка послуги

Випадок використання 3: Версія/тестування форми

Мета: Відстежуйте, який варіант форми було надіслано

Приховані поля:

form_version: "v2.3" ab_test_variant: "B" form_location: "бічна панель"

Чому корисно:

• Порівняйте коефіцієнти конверсії між версіями
• Дізнайтеся, який A/B-варіант показав кращі результати
• Відстеження ефективності розміщення форми

Випадок використання 4: Інформація про реферера

Мета: Дізнайтеся, як користувачі потрапили на ваш сайт

Приховане поле:

referrer_url: [Референт документа]

Захоплення:

• Який сайт посилався на вас
• Яка пошукова система
• Платформа соціальних медіа
• Розсилка електронною поштою (якщо було натиснуто посилання)

Випадок використання 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 Захоплення прихованих полів: джерело: "facebook" кампанія: "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-адреси відсутній?

Значення за замовчуванням: «прямий» (для джерела) Значення за замовчуванням: «немає» (для кампанії) Значення за замовчуванням: «органічний» (для середовища)

3. Не перестарайтеся

Збирайте лише ті дані, які ви фактично використовуватимете:

• Чи будете ви аналізувати цю сферу?
• Чи допомагає це з кваліфікацією лідів?
• Чи це необхідно для подальшого спостереження?

4. Будьте прозорими

Політика конфіденційності повинна вказувати:

• Які дані ви збираєте
• Як ви використовуєте дані відстеження
• Інтеграції сторонніх розробників

5. Ретельно перевірте

• Надіслати тестову форму з параметрами
• Перевірте правильність записаних значень
• Тестування сценаріїв відсутніх параметрів
• Перевірені надіслані дані містять приховані дані

6. Перевіряйте, коли це необхідно

Для критичних прихованих значень:

• Перевірка формату на стороні сервера
• Очистити вхідні дані
• Не довіряйте сліпо даним на стороні клієнта

Приховані поля в сповіщеннях електронною поштою

Включно з прихованими даними

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

Нова контактна форма для надсилання Ім'я: Джон Сміт Ел. пошта: [захищено електронною поштою]
Повідомлення: Я хотів(ла) би дізнатися більше... --- Інформація для відстеження --- Джерело: google_ads Кампанія: summer_sale Сторінка: /pricing

Упорядкування вмісту електронної пошти

• Групуйте приховані поля окремо
• Позначте їх як «Відстеження» або «Метадані»
• Розгляньте можливість виключення з електронних листів, орієнтованих на клієнтів

Приховані поля в експорті

Експорт CSV

Приховані поля відображаються як стовпці:

Ім'я, електронна пошта, повідомлення, джерело, кампанія, сторінка Джон,[захищено електронною поштою],Запитання...,google,літній_розпродаж,/ціни, Джейн,[захищено електронною поштою],Запит...,facebook,весняна_акція,/послуги

Фільтрація за прихованими полями

У вашій електронній таблиці:

• Фільтруйте за джерелом, щоб переглянути всіх потенційних клієнтів Google
• Фільтрувати за кампанією, щоб вимірювати конкретні рекламні акції
• Аналіз конверсії за цільовою сторінкою

Приклад маркетингової атрибуції

Setup

Приховані поля: 1. utm_source (за замовчуванням: "direct") 2. utm_medium (за замовчуванням: "none") 3. utm_campaign (за замовчуванням: "none") 4. utm_content (за замовчуванням: "none") 5. landing_page (записує поточну URL-адресу)

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

Реклама Google: 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 Електронна пошта: 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-адреси, інформацію про сторінку та статичні значення разом із введеними користувачами даними.

Готові відстежувати більше даних? Завантажити автоматичний конструктор форм і почніть використовувати приховані поля для покращення якості відправлених форм.