Мы добавили виджет Статус Страницы, который позволяет встроить актуальный статус ваших сервисов прямо на ваш веб-сайт или в приложение. Это простой, но эффективный инструмент, который помогает снизить нагрузку на поддержку и повысить прозрачность для ваших пользователей.
Зачем нужен виджет статуса и где его разместить?
Основная задача виджета – предоставить мгновенный и актуальный статус работоспособности ваших ключевых систем, не заставляя пользователя искать отдельную страницу.
Ключевые преимущества:
- Снижение обращений в поддержку. Если пользователь видит, что у вас идет инцидент, он с меньшей вероятностью напишет в техподдержку с вопросом "Почему не работает?". Это особенно актуально, когда команда занята восстановлением сервиса.
- Проактивная прозрачность. Демонстрация статуса напрямую на главной странице или в личном кабинете повышает доверие пользователей, показывая, что вы контролируете ситуацию.
- Улучшение пользовательского опыта. Пользователь сразу понимает, что происходит, и не тратит время на бесполезные попытки взаимодействия с неработающим функционалом.
Идеи для размещения:
- В окне чата поддержки 💬. Это место, куда пользователи приходят с проблемами. Отображая статус прямо там, вы можете перенаправить их на полную страницу статуса, избегая лишних тикетов.
- На странице "Контакты" или "О нас".
- В футере или хедере критически важных страниц.
- В дашборде или личном кабинете пользователя, где показано состояние их данных.
Как добавить виджет на сайт
Встраивание виджета Статус Страницы — это максимально простой процесс, не требующий сложной интеграции. Вам нужно добавить всего два элемента в 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>:
Перед закрывающим тегом </body> добавьте тег <script>:
<script src="https://cdn.app.pingera.ru/widget/widget.js"></script>
Важная деталь: Сам файл виджета загружается с CDN, что гарантирует его быструю доставку и минимальное влияние на скорость загрузки вашего основного сайта. Это внешнее встраивание не замедлит критически важные метрики, такие как LCP.
Больше деталей про виджет и его настройки вы можете найти в документации.
Полная кастомизация через API (для инженеров)
Если вашему продукту требуется уникальный дизайн, или вы хотите встроить статус только определенных компонентов в существующие элементы интерфейса, стандартный виджет может не подойти. Для этого у Pingera есть API.
Используя API, вы можете полностью контролировать внешний вид и логику отображения, интегрируя данные о статусе сервисов непосредственно в ваше приложение. Однако стоит помнить, что это потребует привлечения инженерных ресурсов для разработки и поддержки.
Заключение
Прозрачность в работе сервисов — это must-have. Виджет делает эту прозрачность мгновенной, избавляя инженеров от рутинных запросов в поддержку.
Действуйте сейчас:
Действуйте сейчас:
- Нет Статус Страницы? Создайте ее. Это бесплатно и занимает 30 секунд. Это ваш базовый инструмент для коммуникации в кризис.
- Есть Status Page? Добавьте виджет на сайт (например, в окно чата). Упростите жизнь своим пользователям и своей команде поддержки.