Начало работы
Обзор Быстрый старт
Мониторы
Обзор Типы мониторов Интервалы и пробы Доп. настройки
Страницы статуса
Обзор Настройка Оформление Свои домены История аптайма
Инциденты
Обзор Управление инцидентами Окна обслуживания
Агент
Установка Конфигурация Обновление Удаление Требования Решение проблем
Плагины
Обзор Redis MySQL PostgreSQL MongoDB Nginx Apache PHP-FPM Memcached RabbitMQ Elasticsearch Meilisearch Varnish HAProxy Docker VictoriaMetrics mdadm (RAID)
API
Обзор Аутентификация Мониторы Инциденты Страницы статуса Ошибки
RUM и Replay
Обзор Быстрый старт Session Replay События Ошибки Решение проблем
OTLP и Трейсинг
Обзор Трейсы Логи Метрики SDK Решение проблем
Observability Apps
Обзор Создание приложений Квоты Домены Пополнения
Алерты
Обзор Anomaly Detection Каналы Пороги
Команды
Обзор Роли и доступ Приглашения Места и оплата
Биллинг
Обзор Тарифы Пополнения Счета
Безопасность
Обзор Двухфакторная аутентификация API-токены Сессии

Кастомизация страницы статуса

Страницы статуса поддерживают основной фирменный цвет и выбор макета. Оба параметра задаются на экранах Создание и Редактирование и применяются к публичной странице по адресу /status/{slug}.

Основной цвет

Основной цвет — это ваш главный фирменный цвет. Он применяется к публичной странице как CSS-переменная --primary-color.

  • Задайте его с помощью выбора цвета на форме создания/редактирования.
  • По умолчанию: #10b981 (изумрудно-зелёный).
  • Принимает hex-значение (#RGB, #RRGGBB или с альфа-каналом). Некорректные значения откатываются к значению по умолчанию #10b981.

Макет

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

Значение макета Стиль Режим
modern-light Modern Светлый (по умолчанию)
modern-dark Modern Тёмный
classic-light Classic Светлый
classic-dark Classic Тёмный
compact-light Compact Светлый
compact-dark Compact Тёмный

Как это отображается:

  • Тело страницы получает класс layout-<style> (layout-modern, layout-classic или layout-compact).
  • Любой вариант -dark дополнительно загружает таблицу стилей тёмной темы и добавляет класс dark-mode.
  • Значение по умолчанию, когда ничего не задано, — modern-light.

Язык

Страница статуса может отображаться в определённой локали. Задайте язык на форме создания/редактирования; публичная страница использует эту локаль для своих подписей (текст статуса, «История uptime», «Недавние инциденты», форматы дат и т. д.). По умолчанию en.

Что отображается на странице

Публичная страница состоит из следующих секций, по порядку:

  1. Hero статуса — заголовок, описание и баннер общего статуса («Все системы работают» или «Возникли проблемы») с меткой времени последнего обновления.
  2. История uptime — посуточная сетка, окрашенная по uptime (отлично ≥ 99,9%, хорошо ≥ 95%, плохо ниже 95%, плюс состояние «нет данных»). См. История uptime.
  3. Сервисы — назначенные мониторы, сгруппированные по своей группе мониторов. Каждый показывает свой текущий статус и, где доступно, последнее время отклика. Группа помечается как «частичный сбой», если любой из её мониторов недоступен.
  4. Недавние инциденты — последние инциденты для назначенных мониторов, с временем начала и (если устранено) длительностью устранения.

Заголовок и описание

  • Заголовок отображается в hero и в <title> страницы.
  • Описание отображается под заголовком и используется как meta-описание страницы для SEO и превью ссылок. Оно необязательно.

Что не настраивается

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

Дальнейшие шаги

On this page