Пример из практики SaaS

Тенденции в области верхних этажей

Полнофункциональная платформа, которая преобразует одно длинное видео в серию коротких постов на целую неделю, планирует их публикацию во всех социальных сетях, в которых работает автор, и одновременно настраивает платную рекламную кампанию — и всё это без необходимости выходить из панели управления.

  • ПромышленностьCreator and marketing SaaS
  • ПользователиCreators, marketers and agencies
  • АвтоматизацияQueue processed every 15 minutes
  • УслугиProduct Design, Development, AI
Тенденции TopFloor: автоматизация создания контента с помощью ИИ

Обзор

TopFloor Trends — это платформа для управления контентом, предназначенная для авторов и маркетологов. Здесь можно одним движением разбить длинное видео на короткие ролики, создать миниатюры, запланировать публикации на всех платформах и запускать платные рекламные кампании, которые будут проводиться параллельно с органическими.

Эта работа охватывает весь стек: конвейер искусственного интеллекта, который анализирует исходное видео и предлагает фрагменты, подходящие для вырезания; очередь задач, запускаемая cron-задачей каждые пятнадцать минут; студию создания миниатюр, построенную на основе подсказок и шаблонов; а также мастер Google Ads, который принимает техническое задание и создает действующую рекламную кампанию менее чем за минуту.

Каждая из этих интеграций предполагает использование чужого ограничения по скорости, чужой модели аутентификации и чужого протокола загрузки — именно на этом и сосредоточились основные усилия инженеров, и именно об этом идет речь в разделе внизу этой страницы.

  • Next.js 15
  • React 19
  • Tailwind CSS
  • Firebase
  • NextAuth
  • OpenAI API
  • Google Ads API
  • YouTube API
  • TikTok API
  • Spotify API
  • Stripe Payments
  • Vercel Cron

Видео проекта

тенденции в области верхних этажейОдно видео выложено. Неделя постов позади.

Пошаговое руководство по TopFloor Trends: от вставленного URL-адреса YouTube до запланированной недели публикации роликов и действующей рекламной кампании в Google Ads.

Ключевые возможности

  • Генерация видеороликов с помощью ИИ

    Вставьте URL-адрес видео с YouTube, и модель проанализирует видео, а затем выдаст фрагменты, подходящие для вырезания, с указанием тем и временных меток для уточнения.

  • Мультиплатформенное планирование

    Единая очередь публикаций для TikTok, YouTube Shorts и Instagram Reels, где весь календарь контента виден с первого взгляда.

  • Студия создания миниатюр с помощью ИИ

    Миниатюры, созданные на основе текстового задания и (по желанию) исходного изображения, в альбомной, книжной или квадратной ориентации, с использованием шаблонов, обеспечивающих единообразный стиль бренда.

  • Мастер Google Ads

    Краткое руководство, в котором собраны все компоненты кампании — рекламные материалы, рекламные группы, бюджет, график — вместо консоли, предназначенной для профессиональных медиа-байеров.

  • Одна панель управления

    Анализ органического трафика и платных кампаний ведется в одном месте, за один и тот же период и по одним и тем же показателям.

Задача

Вырежьте фрагмент, добавьте заголовок, создайте миниатюру, запланируйте публикацию — а затем откройте другой инструмент и повторите всю процедуру для следующей платформы.

Создатели контента и маркетологи теряли целую неделю на механическую сторону издательского дела. Инструменты существовали, но каждый из них отвечал лишь за один этап: редактор, который мог обрезать клип, но не публиковать его; планировщик, который ничего не знал о рекламе, размещаемой рядом с контентом; рекламная консоль, разработанная для тех, кто зарабатывает на жизнь закупкой рекламных площадей, а не для человека, создавшего видео. Каждая передача задачи между ними сводилась к тому, что кто-то копировал что-то из одной вкладки в другую.

  • Повторение от руки

    Обрезка, создание миниатюр и планирование выполняются по одному, для каждого поста, для каждой платформы — каждый раз.

  • Изолированные инструменты

    Редакторы, планировщики и панели управления рекламой не взаимодействовали друг с другом, поэтому рабочий процесс сводился к копированию и вставке.

  • Единого мнения нет

    Ничто не позволяло сравнить результаты органического контента и платных кампаний.

Наше решение

Единый процесс — от исходного видеоматериала до запуска рекламной кампании.

Мы создали весь рабочий процесс в одном месте. ИИ анализирует исходное видео и предлагает клипы, поэтому редактор занимается лишь корректировкой границ, а не их поиском. Студия создания миниатюр и очередь планирования используют одну и ту же библиотеку, поэтому клип проходит путь от создания до публикации, так и не будучи экспортированным. А доступ к Google Ads осуществляется через мастер, который запрашивает краткое описание и формирует кампанию, а не через консоль, предполагающую, что тот, кто её заполняет, делает это каждый день.

Анализ контента с помощью ИИ

Выбор фрагментов и создание миниатюр осуществляются на основе модели, поэтому утомительная часть работы предлагается в готовом виде, а не требует отдельного выполнения.

Интегрированные платформы

YouTube, TikTok и Google Ads в единой панели управления — для управления контентом и его распространения.

Мастер, а не консоль

Упрощённый процесс работы с Google Ads, который предлагает готовые материалы и сокращает время настройки кампании с одного дня до менее чем одной минуты.

Как это работает

Переработка контента с помощью ИИ

Users paste a YouTube URL to start an AI analysis that suggests the short-form clips worth cutting. The editor beside it is for fine-tuning start and end points and picking a platform-specific aspect ratio before anything is processed.

Экран «Переиспользование контента», на котором в поле загрузки указан URL-адрес YouTube, а ниже перечислены девять сгенерированных клипов, для каждого из которых доступны функции предварительного просмотра, планирования публикации, публикации, отправки в TikTok и скачивания.

Единая система планирования и библиотека

A central library holds every generated clip with filtering and search over it. The scheduler queues posts across multiple platforms from the same list, so the whole content calendar reads at a glance rather than one platform at a time.

Очередь планирования, в которой над таблицей с возможностью поиска, содержащей девять клипов в очереди с указанием исходного видео и статуса, отображаются данные о количестве клипов, находящихся в обработке, запланированных к обработке, загружаемых, опубликованных и завершившихся сбоем.

Студия создания миниатюр с помощью ИИ

The studio generates thumbnails from a plain prompt and an optional reference image, with templates for landscape, portrait and square. It is the piece that keeps a channel visually consistent without booking a designer for every upload.

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

Эффект и результаты

Автоматизированный конвейер и очередь, в которой хранятся задачи.

Платформа поставлялась с функцией перепрофилирования контента, работающей от начала до конца, системой планирования, способной функционировать под управлением задания cron, а также потоком рекламы, достаточно простым, чтобы автор видео мог управлять им самостоятельно.

Создание кампании в Google Ads
Успешные запланированные публикации
Время настройки на одно видео
Коэффициент сбоев заданий cron

Архитектура

Архитектура высокого уровня

Схема архитектуры высокого уровня. Браузер пользователя обращается к фронтенду Next.js 15 App Router, который взаимодействует с Firebase через клиентский SDK, с NextAuth для входа через Google, Spotify и TikTok, а также с маршрутами Next API по протоколу REST. Эти маршруты API вызывают API-интерфейсы Stripe, OpenAI, Spotify, TikTok, YouTube и Google Ads, а также Firebase Admin SDK. Отдельное задание cron на Vercel запускается каждые пятнадцать минут для маршрута process-youtube-queue.
Все учетные данные сторонних сервисов хранятся за маршрутами API, а не в браузере — при этом очередь публикации управляется по собственному графику с помощью cron, а не по запросам.

Диаграмма «сущность-связь»

Диаграмма «сущность-связь» коллекций Firestore. Документ пользователя содержит ссылки на рекламные аккаунты, подключения к YouTube, подключения к TikTok, сеансы мастера настройки рекламы и задания по переработке контента для YouTube; рекламные аккаунты ссылаются на документ с настройками MCC Google Ads, а платежи Stripe привязаны к пользователю.
Пользователь является владельцем своих подключений к платформе, заданий по перепрофилированию и сеансов мастера создания рекламы — именно это позволяет эффективно управлять квотами на одного пользователя и обновлением токенов.

Что нужно было решить

Задержка при переработке видео

Solution: Очередь асинхронных задач с параллельной генерацией клипов и инкрементной доставкой, благодаря чему результаты поступают по мере их завершения, а не после завершения самой медленной задачи. Резервный путь с использованием FFmpeg предусмотрен на тот случай, если даже это окажется недостаточно быстрым.

Квоты и таймауты API

Solution: Время ожидания загрузки настраивается индивидуально для каждой платформы, а каждый исходящий запрос обрабатывается с использованием адаптивного алгоритма отсрочки, который динамически регулирует частоту запросов, чтобы не исчерпать дневную квоту уже во второй половине дня.

Безопасность параллельного выполнения заданий cron

Solution: Транзакционная блокировка в базе данных. Рабочий процесс атомарно резервирует задачу перед тем, как приступить к её выполнению, поэтому два перекрывающихся запуска cron не могут одновременно обрабатывать один и тот же элемент.

Две модели авторизации в Google Ads

Solution: Двухрежимная архитектура, в которой получение токенов осуществляется по-разному в зависимости от того, является ли учетная запись агентской (MCC) или принадлежит самому пользователю (BYO); этот выбор определяется во время выполнения, а не при настройке.

Повторяющиеся названия кампаний

Solution: Перед созданием выполняется проверка на наличие дубликатов с помощью GAQL. В случае коллизии система добавляет уникальный суффикс и повторяет попытку, вместо того чтобы выводить ошибку API, с которой пользователь не может ничего поделать.

Несколько режимов загрузки в TikTok

Solution: Модуль загрузки, поддерживающий как протокол с блочной передачей данных, так и протокол загрузки по URL, с функциями отложенного опроса, отмены задач и возобновления прерванных загрузок.

Вопросы

Основной целью было создание единой SaaS-платформы, которая позволила бы значительно сократить время и снизить сложность работы, с которыми сталкиваются авторы контента и маркетологи. Мы стремились автоматизировать повторное использование контента, оптимизировать планирование публикаций на разных платформах и упростить создание рекламных кампаний с помощью искусственного интеллекта.

Готовы автоматизировать эту утомительную часть работы?

Давайте создадим вашу контент-платформу.