Aggiungere un widget al tuo sito web

Instatus offre tre modi per mostrare il tuo stato sul tuo sito web: un widget fluttuante che compare durante gli incidenti, un badge per il piè di pagina e un endpoint summary.json per costruire un widget personalizzato.

Per aggiungerne uno, vai su dashboard.instatus.com, scegli la tua status page, apri Widget, scegli il tipo di widget e copia il codice.

Come aggiungo un widget fluttuante?

1. Accedi a Instatus da instatus.com/login e scegli la tua status page.

2. Vai su Widget → Fluttuante.

3. Personalizza il widget come preferisci scegliendo:

• Il colore di sfondo
• Il colore del testo
• La posizione del widget rispetto alla pagina

4. Copia lo script del widget e incollalo nel body della tua pagina HTML.

Come aggiungo un badge di stato nel piè di pagina?

1. Accedi a Instatus da instatus.com/login e scegli la tua status page.

2. Vai su Widget → Badge.

3. Scegli la modalità chiara o scura

4. Scegli la dimensione (piccola, media o grande) 🤏

5. Incorpora il codice nella tua pagina HTML

Come costruisco un widget personalizzato?

Recupera summary.json dalla tua status page per ottenere stato attuale, incidenti e manutenzioni attive come dati in tempo reale per il tuo widget:

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

Esempio di risposta:

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

Stati possibili della pagina:

• UP
• HASISSUES
• UNDERMAINTENANCE

Stati possibili degli incidenti:

• INVESTIGATING
• IDENTIFIED
• MONITORING
• RESOLVED

Stati possibili delle manutenzioni:

• NOTSTARTEDYET
• INPROGRESS
• COMPLETED