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

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

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

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

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

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

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

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

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

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

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

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

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

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

Что даёт StreamsPanel:

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

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

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

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

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

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

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

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

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

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

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

Ссылка вида:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

StreamsPanel:

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

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

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

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

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