Техническое задание: Лендинг-«мостик» с YouTube-плеером и полным трекингом
Введение
Нам нужен сверхлёгкий «мостик»-лендинг — фактически прокладка между рекламой в Facebook / Instagram и роликом на YouTube — чтобы обойти невозможность поставить Pixel прямо на youtube.com: пользователь кликает объявление, попадает на нашу страницу с встроенным плеером, а мы в этот момент фиксируем глубину просмотра (25 / 50 / 75 / 100 %) и передаём её через Pixel + Conversions API.
Эти события дают алгоритму «жёсткий» сигнал качества трафика, позволяют оптимизировать кампанию не просто на клики, а на реальный Watch Time, строить look-alike по самым вовлечённым зрителям и, в итоге, снижать цену за «длинный» просмотр и подписку на канал. Всё техническое задание ниже направлено на то, чтобы этот сигнал был точным и стабильным.
Общая цель
Страница должна передавать события глубины просмотра (25 %, 50 %, 75 %, 100 %) одновременно через браузерный Pixel и Conversions API (CAPI). Для исключения дублей оба канала посылают один и тот же event_id, как требует документация о deduplication. FacebookFacebook Developers
Технологический стек и перфоманс
Любой лёгкий фронт-фреймворк (HTML + Tailwind, Next.js, Astro) или конструктор (tilda, etc).
Адаптивная вёрстка; Largest Contentful Paint ≤ 2 с на мобильном 4G.
Детали в файле с ТЗ