Разове технічне завдання за вашим ТЗ: встановити Pixel, налаштувати події на заявки й натискання кнопок, перевірити передачу в Events Manager і протестувати. Нижче показано, як виглядатиме результат і як ви перевірите його самі.
| Подія | Тип | Коли спрацьовує | Параметри | Навіщо |
|---|---|---|---|---|
| PageView | стандартна | Кожне завантаження сторінки | без параметрів | База для аудиторій ремаркетингу |
| ViewContent | стандартна | Перегляд сторінки послуги/товару | content_name, content_category | Аудиторія «дивився, але не залишив заявку» |
| Lead | стандартна | Успішна відправка форми заявки (після відповіді сервера, не по кліку «Надіслати») | content_name = назва форми, event_id | Головна конверсія для оптимізації реклами |
| Contact | стандартна | Клік по номеру телефону, email або кнопці месенджера | method = phone / email / messenger | Заявки, що йдуть повз форму |
| InitiateCheckout / Schedule | стандартна | Кнопка «Замовити», «Записатися», «Розрахувати» | content_name = текст кнопки | Крок до заявки, який ви просили відстежувати |
| ButtonClick | кастомна | Інші кнопки за вашим списком | button = ідентифікатор кнопки | Для кнопок без стандартного аналога в Meta |
Назви подій беремо стандартні Meta, де це можливо: тільки стандартні події можна обрати ціллю оптимізації в рекламному кабінеті. Остаточний список кнопок узгоджуємо за вашим сайтом.
| Спосіб | Коли підходить | Як ставимо події |
|---|---|---|
| Google Tag Manager | Сайт уже має GTM або ви плануєте додавати інші теги (GA4, Google Ads) | Тег Meta Pixel + тригери: відправка форми, клік по елементу, клік по посиланню tel:/mailto: |
| Код у шаблоні сайту | WordPress, Хорошоп, Tilda, OpenCart, самописний сайт без GTM | Базовий код у head, виклики fbq у обробниках форми та кнопок |
<!-- head: базовий код Pixel -->
fbq('init', 'PIXEL_ID');
fbq('track', 'PageView');
// після успішної відправки форми
fbq('track', 'Lead', { content_name: 'Форма: консультація' }, { eventID: 'lead-20261020-000123' });
// клік по телефону
fbq('track', 'Contact', { method: 'phone' });
eventID потрібен, щоб при підключенні Conversions API у майбутньому події з браузера і сервера не рахувалися двічі. Ставимо одразу, це нічого не коштує.
| Крок | Інструмент | Що має бути |
|---|---|---|
| 1 | Meta Pixel Helper (розширення Chrome) | Pixel знайдено, PageView без помилок, при відправці форми з'являється Lead |
| 2 | Events Manager → Test Events | Кожна подія з карти спрацьовує рівно один раз за дію, з правильними параметрами |
| 3 | Events Manager → Diagnostics | Нуль попереджень: немає дублів, немає подій без параметрів |
| 4 | Огляд подій за 24 години | Реальні відвідувачі дають PageView і Lead, кількість збігається з заявками у вашій пошті/CRM |
Так виглядає журнал подій у Events Manager. Тут дані умовні, нічого нікуди не надсилається.
Лічильник дублів показує, як виглядає проблема подвійного Pixel: натисніть «Надіслати форму» двічі за секунду.
Усі 7 пунктів зелені: роботу прийнято. Щось не сходиться: правлю до здачі, а 14 днів після здачі правки подій безкоштовні.
| Етап | Час | Результат |
|---|---|---|
| Доступи, огляд сайту, узгодження карти подій | 1-2 години | Погоджена карта подій |
| Встановлення Pixel і подій | 2-3 години | Події в Test Events |
| Перевірка, Diagnostics, пам'ятка | 1 година | Панель приймання зелена |
Разом один робочий день за умови, що доступи є з ранку.
Це робочий приклад під ваше ТЗ. Назви подій і кнопок уточнюються за реальним сайтом; цифри в імітації умовні.