SMM-аудит в HTML за час: как Claude Code генерирует интерактивные дашборды вместо презентаций
Появилась задача: провести 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, свернуть ненужный раздел.
Как выглядит дашборд
Вот фрагмент реального отчёта (данные обезличены):
| Бренд | Платформы | Подписчики | Посты | Ср. реакции | 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-отчёты — выгрузки по каждому каналу из сервиса аналитики. Скрипт
parse_livedune.pyна базеpdfplumberпарсит 5 страниц каждого PDF и извлекает подписчиков, охваты, ER, DuneScore, динамику публикаций - Экспорт чатов 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 участвовал на каждом этапе:
- Написал парсеры. Два Python-скрипта — для PDF (pdfplumber + regex) и для Telegram HTML-экспорта. Корректно обрабатывают русский текст, эмодзи, различные форматы чисел
- Спроектировал дашборд. Архитектура HTML: фиксированный сайдбар, секции с коллапсом, сортируемые таблицы, Chart.js. Тёмная тема с акцентным красным — профессиональный вид
- Сгенерировал HTML. 1 500 строк: разметка, стили, скрипты, данные — всё в одном файле. Адаптивная вёрстка, кастомные скроллбары, анимации
- Сформулировал рекомендации. На основе данных аудита — приоритизированные карточки: что исправить первым, с ожидаемым эффектом
Ключевое преимущество: HTML генерируется кодом, а не собирается вручную. Если через месяц нужно обновить данные — запускаешь скрипты заново, и дашборд обновляется автоматически. Попробуй так с PowerPoint.
Что показал аудит
Без раскрытия деталей (NDA) — несколько находок, которые стали возможны именно благодаря сравнительному анализу в дашборде:
- CTA влияет на реакции. У одного конкурента CTA-процент 43% — и средние реакции в 2 раза выше, чем у аккаунтов без призывов. У основного аккаунта CTA всего 4% — первая точка роста
- Больше постов ≠ больше вовлечённость. Один из каналов публиковал 614 постов за 3 месяца (6+ в день). Реакции на «тяжёлые» дни были ниже, чем на обычные. Перенасыщение контентом
- Видео проигрывает фото. Вопреки тренду «видео решает» — в конкретной нише фотопосты собирали больше реакций. Нишевые данные важнее общих трендов
Что это даёт в цифрах
Выводы
HTML-дашборд — это не замена аналитике, а способ её визуализировать за минимальное время. Скрипты парсят данные, Claude Code генерирует интерактивный отчёт, а я — интерпретирую результаты и формулирую рекомендации.
Если вы регулярно делаете SMM-аудиты или конкурентный анализ — попробуйте HTML вместо презентаций:
- Быстрее. Код генерирует отчёт за секунды — не надо тянуть графики мышкой
- Воспроизводимо. Обновил данные → запустил скрипт → новый дашборд
- Интерактивно. Сортировка, hover, коллапс секций — то, чего презентация не даёт
- Портативно. Один файл. Открывается где угодно. Не нужен Office
Я собрал шаблоны, которые использую в работе: медиаплан, учёт рабочего времени, аналитические отчёты. Скачайте бесплатно на странице шаблонов.
Нужна помощь с аналитикой соцсетей или автоматизацией отчётности? Напишите — разберёмся вместе.
Написать мне