Как сделать страницу с топ донатеров DonationAlerts и Twitch

Если вы стримите на Twitch или YouTube, зрители рано или поздно начинают спрашивать: «А где посмотреть топ донатеров?» Кто-то для этого делает отдельные сообщения в чате, кто-то вставляет виджет DonationAlerts в оформление стрима, а кто-то вообще ведёт таблицу вручную.

Проблема в том, что:

Видно только в эфире

Топ донатеров появляется лишь во время прямого эфира и пропадает после стрима.

Нет отдельной страницы

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

Неудобно возвращаться

Зрители не видят топ после трансляции и не могут поделиться ссылкой.

В этой статье разберёмся, что такое топ донатеров, чем он полезен стримеру, какие варианты предлагает DonationAlerts и как сделать отдельную страницу с топ донатеров через StreamsPanel — с поддержкой Twitch, расписания стримов и вишлиста по одной ссылке.

Что такое топ донатеров и зачем он стримеру

Топ донатеров — это список зрителей, которые поддерживают стримера деньгами больше остальных. Чаще всего он строится по общей сумме донатов за всё время или за определённый период (месяц, год, марафон).

Зачем это нужно:

Благодарность

Публичное “спасибо” тем, кто поддерживает канал больше остальных.

Мотивация

Зрителям приятно попадать в топ, это стимулирует дополнительные донаты.

Доверие

Активный топ донатеров повышает доверие к каналу у новых зрителей.

Поэтому отдельно вынесенная страница топ донатеров Twitch / DonationAlerts — это не просто красивый бонус, а часть системы поощрения зрителей.

Топ донатов в DonationAlerts

Если вы пользуетесь DonationAlerts, у вас уже есть базовые инструменты:

личный кабинет с историей всех донатов;
виджеты для OBS/Streamlabs;
возможность показать список последних донатов или топ за выбранный период.

Однако у такого подхода есть ограничения:

Фокус на виджетах, а не на странице.
DonationAlerts изначально заточен под оверлеи для стрима. Это удобно, когда вы в онлайне, но не решает задачу «дать ссылку, где всё сразу показано зрителю».
Технические ссылки вместо брендовой страницы.
Если и получается сделать страницу топ донатеров через DonationAlerts, это обычно технический URL без нормального оформления, без расписания и без дополнительных блоков.
Нет единой точки входа.
Зрителю приходится ловить ссылку на донаты, на расписание, на Discord и т.д. — всё разрознено.

Поэтому логичный шаг — собрать это в одном месте: стриминговая страница с топ донатеров, расписанием и вишлистом.

StreamsPanel как страница с топ донатеров

StreamsPanel — это небольшая панель для стримеров, которая подключается к DonationAlerts и собирает вокруг него полноценную страницу стримера.

Что даёт StreamsPanel:

отдельная публичная страница вида /u/никнейм;
блок «Топ донатеров», который подтягивается из DonationAlerts;
расписание стримов на той же странице;
вишлист/товары и отдельные события/марафоны;
генерация weekly-постера с расписанием для постов в соцсетях.

То есть это уже не просто виджет, а страница топ донатеров и расписания для Twitch/YouTube по одной ссылке.

Подключение DonationAlerts к StreamsPanel

Подключение выглядит максимально привычно:

Вы заходите на сайт StreamsPanel.
Нажимаете кнопку «Войти через DonationAlerts».
Вас перенаправляет на официальный сайт DonationAlerts.
Вы подтверждаете доступ (OAuth).
StreamsPanel получает доступ к данным донатов только на чтение.

Пароль от DonationAlerts при этом нигде не вводится на стороне StreamsPanel — авторизация и подтверждение происходят на стороне DA.

Отдельный блок «Топ донатеров» на странице стримера

После авторизации StreamsPanel начинает в фоне подтягивать донаты и строить топ. На вашей публичной странице появится блок:

с никнеймами топ донатеров;
с суммой донатов;
с указанным периодом (если вы его используете);
в едином стиле с остальной страницей.

То есть вы получаете готовую страницу с топ донатеров DonationAlerts, которую можно давать зрителям как основную ссылку на поддержку.

Одна ссылка для Twitch, YouTube и соцсетей

Ссылка вида:

https://streams-panel.ru/u/ваш_никнейм

может использоваться как:

ссылка в описании Twitch-канала;
ссылка в панели под стримом;
ссылка в Telegram / VK / Discord;
ссылка в описании YouTube-стрима.

Зритель по ней увидит не только топ донатеров, но и:

Когда вы стримите

Зритель видит актуальное расписание.

Что происходит сейчас

Отображаются события и активные активности.

Как поддержать

Доступен топ донатеров и витрина поддержки.

Как сделать страницу с топ донатеров через StreamsPanel: пошагово

Разберём процесс по шагам.

Шаг 1

Зайти на StreamsPanel

Перейдите на сайт StreamsPanel и нажмите «Войти через DonationAlerts».

Шаг 2

Авторизоваться через DonationAlerts

Вас перенаправит на DonationAlerts:

Проверить домен

Убедитесь, что URL ведёт на donationalerts.com.

Войти в аккаунт

Авторизуйтесь, если ещё не вошли.

Подтвердить доступ

Одобрите запрос StreamsPanel на чтение донатов.

Важно: StreamsPanel запросит доступ только на чтение информации о донатах.

Шаг 3

Дождаться первой синхронизации донатов

После авторизации вернёт обратно в панель. В фоне начнётся синхронизация:

Собираем донаты

В фоне подтягиваются последние платежи.

Строим топ

На основе данных формируется список лидеров.

Обновляем

Топ периодически пересчитывается автоматически.

Обычно это занимает от нескольких секунд до пары минут, в зависимости от объёма истории.

Шаг 4

Открыть публичную страницу стримера

В панели есть ссылка на вашу публичную страницу — что-то вроде:

https://streams-panel.ru/u/ваш_никнейм

Перейдите по ней и убедитесь, что:

Никнейм/название

На странице видно ваш бренд и ник.

Блок донатов

Отображаются текущие донаты с DonationAlerts.

Топ донатеров

Есть отдельный блок для списка топа.

Шаг 5

Настроить оформление при желании

StreamsPanel позволяет менять:

Цвета

Подберите палитру под ваш канал.

Фон

Задайте фон, чтобы страница выглядела привычно.

Параметры отображения

Настройте блоки под свой стиль.

Если хотите, чтобы страница топ донатеров выглядела под ваш стиль (цвет канала, оформление Twitch и т.д.), настроить это можно прямо в панели.

Шаг 6

Поставить ссылку куда нужно

Теперь можно добавить ссылку на страницу StreamsPanel:

в описание Twitch:
Поддержать стрим и попасть в топ донатеров: https://streams-panel.ru/u/ваш_никнейм
в панель «About / О канале»;
под каждым стримом в описании;
в закреплённое сообщение в Telegram/Discord.

Дополнительно: расписание стримов и weekly-постер

У StreamsPanel есть ещё несколько функций, которые логично дополняют страницу топ донатеров.

Расписание стримов на той же странице

В панели можно создать расписание:

Дни и время

Укажите, когда выходите в эфир.

Формат или игра

Добавьте, что будете стримить.

Таймзона

Настройте часовой пояс для точного времени.

Это расписание отображается:

в личной панели (для вас);
на публичной странице вместе с топом донатеров.

Так зритель по одной ссылке видит: когда вы стримите и как можно поддержать.

Картинка-расписание на неделю для соцсетей

Отдельный плюс — генерация weekly-постера:

внутри панели вы можете выбрать визуальный шаблон;
настроить цвета под свой канал;
добавить свой арт/аватар;
на основе расписания собрать постер на неделю.

Готовый файл можно скачать в PNG и использовать:

Посты с расписанием

Использовать картинку в weekly-анонсах.

Соцсети

Поделиться в Telegram, VK, Twitter/X.

Закреп или превью

Разместить в закреплённом сообщении или на превью.

Безопасность: доступ к донатам DonationAlerts

Поскольку речь идёт о донатах, вопрос безопасности логичен.

StreamsPanel:

не запрашивает и не хранит пароль от DonationAlerts;
использует стандартный OAuth-механизм;
имеет доступ только на чтение:

не может отправлять донаты от вашего имени;
не может менять настройки вашего аккаунта DonationAlerts.

При желании вы всегда можете:

отозвать доступ к приложению в настройках DonationAlerts;
отключить интеграцию на стороне StreamsPanel.

FAQ по топ донатеров и StreamsPanel

StreamsPanel увидит мой логин и пароль от DonationAlerts?

Нет. Авторизация происходит через официальный OAuth DonationAlerts:

вы вводите логин/пароль только на сайте DonationAlerts;
StreamsPanel получает лишь токен доступа с правами чтения донатов;
пароли не передаются и не хранятся в StreamsPanel.

Можно ли использовать StreamsPanel только как страницу топ донатеров без расписания?

Да. Расписание стримов — это отдельный блок в панели. Если вы его не заполняете, но подключили DonationAlerts, публичная страница всё равно будет работать как:

страница с донатами;
блоком топ донатеров;
вишлистом/товарами (если вы их настроите).

То есть можно использовать StreamsPanel как страницу донатов и топ донатеров, а остальные функции подключать позже.

Эта страница топ донатеров работает только для Twitch?

StreamsPanel использует данные DonationAlerts. Если вы получаете донаты через DonationAlerts для Twitch, YouTube или других платформ, всё это будет учтено. Чаще всего стримеры используют DonationAlerts именно с Twitch, поэтому фраза «топ донатеров Twitch» фактически означает топ по донатам из DonationAlerts.

Нужно ли платить за страницу с топ донатеров?

Базовый сценарий зависит от текущей модели монетизации StreamsPanel. На момент создания этой страницы можно использовать StreamsPanel в рамках приглашения/беты. В любом случае, страница с донатами и топ донатеров не требует сложной интеграции — достаточно один раз подключить DonationAlerts.

Можно ли скрыть некоторых донатеров из топа?

Сейчас StreamsPanel отображает топ донатеров на основе данных DonationAlerts без ручной модерации. Если конкретные кейсы будут критичны (например, скрыть определённые никнеймы), это можно обсудить в рамках фидбека и доработать в следующих версиях.

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