Загрузка библиотеки графиков (recharts)…

MLF-291 Дашборд рассылок — карточка кампании + воронка + deliverability

Выше — макет в реальном шелле консоли: Карточка кампании (KPI с формулами + воронка delivered→open→click→goal + активность по часам + клики-по-ссылкам + deliverability по доменам с bounce-heatmap) и Сравнение кампаний (таблица + bar + экспорт CSV). Графики отрисованы реальным recharts v3 на brand chart-токенах — тем же стеком и в том же визуальном языке, что дашборд рассылок MLF-289 и карточка базы MLF-292. Ниже — что взято из ресёрча, метрики с формулами и развилки на согласование. Данные — синтетические.

Попробуйте вживую наверху в макете два экрана — переключаются сегментом в тулбаре

① Карточка кампании (экран по умолчанию): сегмент сверху → «Карточка кампании». 7 KPI-плиток с формулой под каждой меткой, воронка delivered→open→click→goal, активность по часам после отправки, таблица кликов по ссылкам и deliverability по доменам с heatmap «категория bounce × домен». Наведите на любой график — у точки покажется значение.

② Сравнение кампаний (второй экран): сегмент сверху → «Сравнение кампаний». Таблица метрик по кампаниям + bar на выбранную метрику (переключается) + кнопка экспорта CSV. Ниже — заметки по дизайну, метрики с формулами и развилки на согласование. Данные синтетические.

Что взято из ресёрча (устойчивый vendor-канон)

Ни одной выдуманной механики: каждый блок — прямой референс с проверенного факта ресёрча (верификация 23/25 подтверждено). Всё рисуется нашим recharts-стеком (MLF-289) без нового.

Блок макета Референс Что и почему
KPI: знаменатель = delivered, показываем %Mailchimp · Klaviyo · Customer.ioopen/click rate считаются от доставленных (единогласно 3-0). Абсолюты рядом, но KPI — процент. §1, §2
Формулы метрик — во вкладке «Метрики и формулы»§12 (каветы)Терминология CTR/CTOR у вендоров конфликтует (Klaviyo зовёт CTOR словом «CTR») → формулы со знаменателем вынесены в отдельную вкладку, не полагаемся на аббревиатуру. §2
Пометка MPP на openBraze · Customer.io · LitmusApple MPP предзагружает пиксель → машинные открытия. Click-based (CTR/CTOR) первичны, open с дисклеймером. §3
Воронка delivered→open→click→goalKlaviyo funnel · Customer.io% прошедших каждую стадию. bounce — ветвь оттока (sent−delivered), не узел. goal — опц. при наличии события. §4
Активность по часамUnisenderLine opens/clicks по временной оси от send time — «динамика открытий и переходов». §7
Таблица кликов по ссылкам (link-level)DashaMailПо каждому URL — уник/всего кликов. Карта кликов (heatmap по элементам) — опц./будущее. §5
Deliverability по доменамKlaviyo hub · DashaMailТоп-домены (gmail/yandex/mail.ru/outlook): delivered/bounce + позитив (open/click). Прямой канон Klaviyo. §6
Heatmap «категория bounce × домен»Klaviyo bounce heatmapМатрица подтипов bounce по доменам вместо плоского hard/soft. Число подтипов у нас — на эмпирику (§10). §6
Сравнение + bar (макс 1-2 метрики)Mailchimp ComparativeТаблица (много метрик) + bar на 1-2 выбранные. Экспорт CSV — набор колонок по Klaviyo (24 поля). §7
Спорное — не выдаём за факт. Знаменатель bounce/unsub/spam-rate (delivered vs recipients) ресёрчем опровергнут (§9) — в макете помечен «сверить с docs и cdp.delivery_events при реализации» (§10). Deliverability-разбивка и bounce-heatmap подтверждены только по Klaviyo (single-vendor, account-level) — структуру переносим на одну рассылку по аналогии.

Метрики карточки + формулы (знаменатель — delivered, если не указано иное)

Формулы подтверждены по first-party docs вендоров (Mailchimp, Klaviyo, Braze, Customer.io, Twilio, Unisender, DashaMail) и прошли верификацию. Спорные знаменатели помечены.

Метрика Формула Знаменатель Примечание
⚠️ Терминология CTR/CTOR несогласована. Klaviyo называет click-to-open словом «CTR», а Mailchimp/Braze/Customer.io/Unisender закрепляют «CTR» за clicked/delivered. Поэтому в макете рядом с каждой меткой — формула, а не аббревиатура.
⚠️ Знаменатель bounce/unsub/spam не установлен. Claim «делят на recipients» опровергнут голосованием (§9). Delivered или sent/recipients — сверить с docs Klaviyo/Mailchimp и с нашими cdp.delivery_events при реализации (§10).

Развилки на согласование с М. Терентьевым

Снять до финализации макетов — без апрува в разработку не берём. Слева — путь vendor-канона (рекомендация ресёрча, показан в живом макете), справа — альтернатива. Источник — §11 ресёрча.

Что значит каждый блок — простыми словами

Зачем блок нужен и что показывает, без терминов.