Виджет Статус Страницы на ваш сайт

2025-10-23 00:17

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

Зачем нужен виджет статуса и где его разместить?

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

Ключевые преимущества:

Снижение обращений в поддержку. Если пользователь видит, что у вас идет инцидент, он с меньшей вероятностью напишет в техподдержку с вопросом "Почему не работает?". Это особенно актуально, когда команда занята восстановлением сервиса.
Проактивная прозрачность. Демонстрация статуса напрямую на главной странице или в личном кабинете повышает доверие пользователей, показывая, что вы контролируете ситуацию.
Улучшение пользовательского опыта. Пользователь сразу понимает, что происходит, и не тратит время на бесполезные попытки взаимодействия с неработающим функционалом.

Идеи для размещения:

В окне чата поддержки 💬. Это место, куда пользователи приходят с проблемами. Отображая статус прямо там, вы можете перенаправить их на полную страницу статуса, избегая лишних тикетов.
На странице "Контакты" или "О нас".
В футере или хедере критически важных страниц.
В дашборде или личном кабинете пользователя, где показано состояние их данных.

Как добавить виджет на сайт

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

Шаг 1: Добавление контейнера виджета

Вставьте следующий HTML-элемент в то место на странице, где должен отображаться виджет:

<div 
  data-pingera-widget 
  data-page-id="ID_ВАШЕЙ_СТАТУС_СТРАНИЦЫ"
  data-url=""
  data-lang="ru"
  data-theme="light"
  data-font-color="#000000"
  data-font-size="16px"
  data-status-color-operational="#00ff00"
  data-status-color-incident="#ff0000"
  data-compact="false"
></div>

Замените ID_ВАШЕЙ_СТАТУС_СТРАНИЦЫ на фактический ID вашей страницы статуса, который можно получить в интерфейсе Pingera или API.

Шаг 2: Подключение скрипта

Перед закрывающим тегом </body> добавьте тег <script>:

<script src="https://cdn.app.pingera.ru/widget/widget.js"></script>

Важная деталь: Сам файл виджета загружается с CDN, что гарантирует его быструю доставку и минимальное влияние на скорость загрузки вашего основного сайта. Это внешнее встраивание не замедлит критически важные метрики, такие как LCP.

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

Полная кастомизация через API (для инженеров)

Если вашему продукту требуется уникальный дизайн, или вы хотите встроить статус только определенных компонентов в существующие элементы интерфейса, стандартный виджет может не подойти. Для этого у Pingera есть API.

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

Заключение

Прозрачность в работе сервисов — это must-have. Виджет делает эту прозрачность мгновенной, избавляя инженеров от рутинных запросов в поддержку.

Действуйте сейчас:

Нет Статус Страницы? Создайте ее. Это бесплатно и занимает 30 секунд. Это ваш базовый инструмент для коммуникации в кризис.
Есть Status Page? Добавьте виджет на сайт (например, в окно чата). Упростите жизнь своим пользователям и своей команде поддержки.

Бесплатная страница

Сергей Пронин