SMM-аудит в HTML за час: как Claude Code генерирует интерактивные дашборды вместо презентаций

SMM-аудит в HTML за час: как Claude Code генерирует интерактивные дашборды вместо презентаций

30.03.2026 0 Автор Павел

Появилась задача: провести SMM-аудит Telegram-каналов, VK-сообществ и Instagram-аккаунтов десяти конкурентов, сравнить метрики и визуализировать результаты для руководства. Стандартный подход — собрать данные в Excel, сделать графики, вставить в PowerPoint. На это уходит два-три дня.

Я сделал по-другому. С помощью Claude Code я за час собрал интерактивный HTML-дашборд: тёмная тема, сортируемые таблицы, графики Chart.js, адаптивная вёрстка. Открываешь файл в браузере — и перед тобой полноценная аналитическая панель с 50+ метриками по каждому каналу.

Почему HTML, а не PowerPoint

Презентация / Excel

  • Статичные скриншоты графиков
  • Данные устаревают сразу после создания
  • Нельзя отсортировать таблицу
  • Тяжёлый файл (20+ Мб с картинками)
  • Нужен PowerPoint для просмотра

Время: 2-3 дня

HTML-дашборд

  • Интерактивные графики (hover, zoom)
  • Данные обновляются повторным запуском
  • Сортировка таблиц по любому столбцу
  • Один файл, 200 Кб
  • Открывается в любом браузере

Время: 1 час с Claude Code

HTML-отчёт — это не компромисс, а upgrade. Он выглядит профессиональнее презентации, весит в 100 раз меньше и позволяет взаимодействовать с данными: навести на график, отсортировать по ER, свернуть ненужный раздел.

Как выглядит дашборд

Вот фрагмент реального отчёта (данные обезличены):

audit_smm_dashboard.html
Обзор Клиент Telegram VK Instagram Рекомендации
10Брендов
3Платформы
50+Метрик
3 месПериод
Бренд Платформы Подписчики Посты Ср. реакции ER % CTA %
Клиент TG VK IG 31 575 702 46 0,52% 4,1%
Конкурент 1 TG VK IG 284 000 418 842 0,34% 8,2%
Конкурент 2 TG VK IG 192 000 350 449 0,61% 5,7%
Конкурент 3 TG VK IG 48 000 614 70 4,47% 12,3%

Цветовая индикация работает автоматически: красный — проблема, зелёный — хороший показатель, оранжевый — требует внимания. Таблицу можно отсортировать по любому столбцу — кликнул на «ER %» и сразу видишь, кто лидирует.

Откуда данные и как они попадают в отчёт

LiveDune PDF
Python парсит
JSON
Claude Code собирает HTML
Дашборд

Два источника данных:

  1. LiveDune PDF-отчёты — выгрузки по каждому каналу из сервиса аналитики. Скрипт parse_livedune.py на базе pdfplumber парсит 5 страниц каждого PDF и извлекает подписчиков, охваты, ER, DuneScore, динамику публикаций
  2. Экспорт чатов Telegram — стандартный HTML-экспорт из десктоп-клиента. Скрипт run_analysis.py парсит HTML-файлы и считает 30+ метрик: контент-микс, реакции по типам постов, CTA-процент, пиковые часы, топ-посты

Оба скрипта выдают JSON-файлы. Claude Code берёт эти данные и генерирует единый HTML-дашборд с встроенными графиками Chart.js, сортируемыми таблицами и навигацией по разделам.

Что умеет дашборд

Сравнительные таблицы

10 брендов, 3 платформы, 7+ метрик в каждой таблице. Сортировка по клику на заголовок столбца

Графики Chart.js

Bar-чарты средних реакций, radar-чарты для сравнения с лидером, динамика ER — всё интерактивное

Детальный профиль

По основному аккаунту — полная аналитика: контент-микс, эмодзи, пиковые часы, топ-5 постов

Блок рекомендаций

Приоритизированные карточки: что исправить первым, на какой платформе, какой эффект ожидать

Адаптивная вёрстка

Работает на десктопе, планшете и телефоне. Боковая навигация на мобильном превращается в бургер-меню

Один файл

Весь дашборд — один HTML-файл с встроенными стилями и скриптами. Отправляешь по почте — открывается в любом браузере

Честно про рекламу и маркетинг

Разбираю реальные кейсы, делюсь цифрами и инструментами в Telegram-канале. Без воды и мотивационных цитат.

Подписаться на канал

50+ метрик: что именно считается

Для каждого Telegram-канала скрипт считает:

  • Контент-микс: процент фото, видео, текстовых постов, опросов, кругляшей. Сразу видно, кто делает ставку на видео, а кто — на текст
  • Вовлечённость: средние, медианные и максимальные реакции. Процент постов с нулевыми реакциями — индикатор «мёртвой» аудитории
  • CTA-анализ: какой процент постов содержит призыв к действию (подпишись, голосуй, ставь). И главное — разница в реакциях: посты с CTA vs без
  • Текстовая аналитика: средняя длина поста, процент коротких (<100 символов) и длинных (>500), процент вопросов — триггеры вовлечённости
  • Активность: посты в день, пиковые часы, распределение по дням недели, «тяжёлые» дни (5+ постов) и их влияние на реакции
  • Топ-контент: 5 самых популярных постов с текстом, типом и количеством реакций. Видно, что «заходит» аудитории

Из LiveDune PDF добавляются: подписчики, динамика подписок, ER, DuneScore, комментарии, репосты, голосования.

Роль Claude Code

Claude Code участвовал на каждом этапе:

  1. Написал парсеры. Два Python-скрипта — для PDF (pdfplumber + regex) и для Telegram HTML-экспорта. Корректно обрабатывают русский текст, эмодзи, различные форматы чисел
  2. Спроектировал дашборд. Архитектура HTML: фиксированный сайдбар, секции с коллапсом, сортируемые таблицы, Chart.js. Тёмная тема с акцентным красным — профессиональный вид
  3. Сгенерировал HTML. 1 500 строк: разметка, стили, скрипты, данные — всё в одном файле. Адаптивная вёрстка, кастомные скроллбары, анимации
  4. Сформулировал рекомендации. На основе данных аудита — приоритизированные карточки: что исправить первым, с ожидаемым эффектом

Ключевое преимущество: HTML генерируется кодом, а не собирается вручную. Если через месяц нужно обновить данные — запускаешь скрипты заново, и дашборд обновляется автоматически. Попробуй так с PowerPoint.

Что показал аудит

Без раскрытия деталей (NDA) — несколько находок, которые стали возможны именно благодаря сравнительному анализу в дашборде:

  • CTA влияет на реакции. У одного конкурента CTA-процент 43% — и средние реакции в 2 раза выше, чем у аккаунтов без призывов. У основного аккаунта CTA всего 4% — первая точка роста
  • Больше постов ≠ больше вовлечённость. Один из каналов публиковал 614 постов за 3 месяца (6+ в день). Реакции на «тяжёлые» дни были ниже, чем на обычные. Перенасыщение контентом
  • Видео проигрывает фото. Вопреки тренду «видео решает» — в конкретной нише фотопосты собирали больше реакций. Нишевые данные важнее общих трендов

Что это даёт в цифрах

1 час вместо 2-3 дней
10 брендов в сравнении
50+ метрик на канал
1 файл 200 Кб, любой браузер

Выводы

HTML-дашборд — это не замена аналитике, а способ её визуализировать за минимальное время. Скрипты парсят данные, Claude Code генерирует интерактивный отчёт, а я — интерпретирую результаты и формулирую рекомендации.

Если вы регулярно делаете SMM-аудиты или конкурентный анализ — попробуйте HTML вместо презентаций:

  • Быстрее. Код генерирует отчёт за секунды — не надо тянуть графики мышкой
  • Воспроизводимо. Обновил данные → запустил скрипт → новый дашборд
  • Интерактивно. Сортировка, hover, коллапс секций — то, чего презентация не даёт
  • Портативно. Один файл. Открывается где угодно. Не нужен Office

Я собрал шаблоны, которые использую в работе: медиаплан, учёт рабочего времени, аналитические отчёты. Скачайте бесплатно на странице шаблонов.

Нужна помощь с аналитикой соцсетей или автоматизацией отчётности? Напишите — разберёмся вместе.

Написать мне

Шаблоны для маркетинга

Профессиональные шаблоны для организации работы:
медиапланирование, учёт времени, аналитические отчёты
Telegram-канал Павезло маркетинг Павезло во ВКонтакте