Додавання віджета на сайт

Якщо ви хочете повідомляти свій статус відвідувачам, додайте на сайт віджет статусу.

Щоб додати віджет Instatus на свій сайт, перейдіть на dashboard.instatus.com і виберіть свою сторінку статусу.

Відкрийте розділ «Віджет», виберіть тип віджета, скопіюйте код — і все готово!

Додайте плавучий віджет на сайт

1. Увійдіть в Instatus на instatus.com/login і виберіть свою сторінку статусу.

2. Перейдіть до розділу Віджет → Floating.

3. Налаштуйте віджет під себе, вибравши:

• колір тла
• колір переднього плану
• розташування віджета на сторінці

4. Скопіюйте скрипт віджета й вставте його в тіло вашої HTML-сторінки.

Додайте бейдж у футер сайту

1. Увійдіть в Instatus на instatus.com/login і виберіть свою сторінку статусу.

2. Перейдіть до розділу Віджет → Badge.

3. Виберіть світлу або темну тему

4. Виберіть розмір (малий, середній чи великий) 🤏

5. Вставте код у свою HTML-сторінку

Додайте на сайт власний віджет.

Створіть власний віджет на живих даних зі своєї сторінки статусу.

Отримати поточний статус, активні інциденти та технічне обслуговування можна через цей ендпоїнт:

https://[YOUR-STATUS-PAGE]/summary.json

Приклад відповіді:

{
  "page": {
    "name": "Instatus",
    "url": "https://instat.us",
    "status": "HASISSUES"
  },
  "activeIncidents": [
	{
      "name": "We're facing an issue with our API",
      "started": "Sat Jun 11 2022 18:55:50 (Coordinated Universal Time)",
      "status": "INVESTIGATING",
      "impact": "MAJOROUTAGE",
      "url": "https://testing-widget.instatus.com/incident/cl4a"
    }
  ],
  "activeMaintenances": [
    {
      "name": "Database maintenance",
      "start": "Sat Jun 11 2022 18:55:54 (Coordinated Universal Time)",
      "status": "NOTSTARTEDYET",
      "duration": "60",
      "url": "https://testing-widget.instatus.com/maintenance/cl4"
    }
  ]
}

Можливі статуси сторінки:

• UP
• HASISSUES
• UNDERMAINTENANCE

Можливі статуси інциденту:

• INVESTIGATING
• IDENTIFIED
• MONITORING
• RESOLVED

Можливі статуси технічного обслуговування:

• NOTSTARTEDYET
• INPROGRESS
• COMPLETED