Přidání widgetu na váš web

Pokud chcete svůj stav sdělovat návštěvníkům, můžete na web přidat stavový widget.

Widget Instatus přidáte tak, že přejdete na dashboard.instatus.com a vyberete svou stavovou stránku.

Přejděte do Widget, vyberte typ widgetu, zkopírujte kód a je hotovo!


Přidání plovoucího widgetu na váš web

  1. Přihlaste se do Instatusu na instatus.com/login a vyberte svou stavovou stránku.

  2. Přejděte do Widget → Floating.

  3. Přizpůsobte si widget podle sebe — zvolte:

  • Barvu pozadí
  • Barvu popředí
  • Umístění widgetu na stránce
  1. Zkopírujte skript widgetu a vložte ho do body své HTML stránky.
Widget vyskočí, jakmile nastane nový incident 🙀

Přidání odznaku do patičky webu

  1. Přihlaste se do Instatusu na instatus.com/login a vyberte svou stavovou stránku.

  2. Přejděte do Widget → Badge.

  3. Zvolte světlý nebo tmavý režim

  4. Zvolte velikost (malý, střední nebo velký) 🤏

  5. Vložte kód do své HTML stránky

V patičce byste měli vidět odznak 🥳

Přidání vlastního widgetu na váš web.

Vytvořte si vlastní widget nad živými daty ze své stavové stránky.

Aktuální stav, aktivní incidenty a údržby získáte přes tento endpoint:

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

Ukázková odpověď:

{
"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"
}
]
}

Možné stavy stránky:

  • UP
  • HASISSUES
  • UNDERMAINTENANCE

Možné stavy incidentu:

  • INVESTIGATING
  • IDENTIFIED
  • MONITORING
  • RESOLVED

Možné stavy údržby:

  • NOTSTARTEDYET
  • INPROGRESS
  • COMPLETED
Teď můžete mít vlastní widget! 🥳