⌘ K

Tilføj en widget på dit website

Instatus tilbyder tre måder at vise din status på dit eget website: en flydende widget, der dukker op under hændelser, et badge til din sidefod og et summary.json-endpoint til at bygge din egen widget.

Du tilføjer en ved at gå til dashboard.instatus.com, vælge din statusside, åbne Widget, vælge widgettypen og kopiere koden.

Flydende widgetFarver og placering, script i din sides bodyBadgeLys eller mørk, tre størrelser, indlejres i sidefodenEgen widgetsummary.json med status, hændelser, vedligeholdelser

Hvordan tilføjer jeg en flydende widget?

  1. Log ind på Instatus på instatus.com/login, og vælg derefter din statusside.

  2. Gå til Widget → Flydende.

  3. Tilpas din widget, som du vil, ved at vælge:

  • Baggrundsfarve
  • Forgrundsfarve
  • Widgettens placering på siden
  1. Kopier din widget-kode, og indsæt den i body på din HTML-side.
Widgetten dukker op, når der er en ny hændelse 🙀

Hvordan tilføjer jeg et statusbadge i min sidefod?

  1. Log ind på Instatus på instatus.com/login, og vælg derefter din statusside.

  2. Gå til Widget → Badge.

  3. Vælg lys eller mørk tilstand

  4. Vælg din størrelse (lille, mellem eller stor) 🤏

  5. Indsæt koden på din HTML-side

Du bør nu se et badge i din sidefod 🥳

Hvordan bygger jeg min egen widget?

Hent summary.json fra din statusside for at få den aktuelle status, aktive hændelser og vedligeholdelser som live-data til din egen widget:

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

Eksempel på svar:

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

Mulige sidestatusser:

  • UP
  • HASISSUES
  • UNDERMAINTENANCE

Mulige hændelsesstatusser:

  • INVESTIGATING
  • IDENTIFIED
  • MONITORING
  • RESOLVED

Mulige vedligeholdelsesstatusser:

  • NOTSTARTEDYET
  • INPROGRESS
  • COMPLETED
Nu kan du have din egen widget! 🥳
Næste skridt
Brug et eget domæne til din Instatus-sideLær, hvordan du bruger et eget domæne til din statusside.