Lisää widget verkkosivullesi
Instatus tarjoaa kolme tapaa näyttää tilasi omalla verkkosivullasi: kelluvan widgetin, joka ponnahtaa esiin häiriöiden aikana, merkin alatunnisteeseesi ja summary.json-päätepisteen oman widgetin rakentamiseen.
Lisätäksesi sellaisen siirry osoitteeseen dashboard.instatus.com, valitse statussivusi, avaa Widgetti, valitse widgetin tyyppi ja kopioi koodi.
Miten lisään kelluvan widgetin?
-
Kirjaudu Instatukseen osoitteessa instatus.com/login ja valitse sitten statussivusi.
-
Siirry kohtaan Widgetti → Kelluva.
-
Mukauta widgetiäsi mieleiseksesi valitsemalla:
- Taustaväri
- Edustaväri
- Widgetin sijainti suhteessa sivuun
- Kopioi widget-skriptisi ja liitä se HTML-sivusi body-osaan.

Miten lisään tilamerkin alatunnisteeseeni?
-
Kirjaudu Instatukseen osoitteessa instatus.com/login ja valitse sitten statussivusi.
-
Siirry kohtaan Widgetti → Merkki.
-
Valitse vaalea tai tumma tila
-
Valitse koko (pieni, keskikokoinen tai suuri) 🤏
-
Upota koodi HTML-sivullesi

Miten rakennan oman widgetin?
Hae summary.json statussivultasi saadaksesi nykyisen tilan, aktiiviset häiriöt ja huollot live-datana omaa widgetiäsi varten:
https://[YOUR-STATUS-PAGE]/summary.json
Esimerkkivastaus:
{"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"}]}
Mahdolliset sivun tilat:
UPHASISSUESUNDERMAINTENANCE
Mahdolliset häiriön tilat:
INVESTIGATINGIDENTIFIEDMONITORINGRESOLVED
Mahdolliset huollon tilat:
NOTSTARTEDYETINPROGRESSCOMPLETED