Warum du Kunden deine Uptime zeigen solltest#

Wenn deine Seite ausfällt, fragen sich Kunden: „Liegt es nur bei mir oder ist es bei allen down?"

Ohne Statusinformationen passiert Folgendes:

Sie laden die Seite hektisch immer wieder neu
Sie probieren andere Browser/Geräte aus
Sie rufen den Support an (was deine Zeit kostet)
Sie halten dich für unzuverlässig (was Vertrauen zerstört)

Ein einfaches Status-Widget beantwortet ihre Frage: „Ja, wir wissen davon, wir arbeiten dran."

Nova Uptime Status Widget

🟢 All Systems Operational

Last 30 days: 99.87% uptime
Last incident: Feb 18, 14:32-14:47 UTC (15 min)

Recent Status:
✅ mysite.com - Up
✅ api.mysite.com - Up
✅ Email Service - Up

[View full status] [Subscribe to updates]

EmbeddableWidget-Optionen#

Option 1: Eingebettetes iframe auf der Website#

Füge es im Footer deiner Website oder auf einer dedizierten Statusseite ein:

<iframe
  src="https://status.novauptime.com/embed/your-embed-token"
  style="width: 100%; height: 400px; border: none;">
</iframe>

Aktualisiert sich automatisch alle 60 Sekunden – ohne Seiten-Reload.

Option 2: Eigene Status-Subdomain#

Richte status.deinefirma.com ein und zeige eine vollständige Statusseite mit:

Aktuellem Status aller Services
Incident-Historie
Erwarteter Wiederherstellungszeit
Kundenbenachrichtigungen

Option 3: Inline-Status-Badge#

Zeige einen schlichten Badge in deinem Header:

[🟢 All Systems Up] [View Status]

Verlinkt auf die vollständige Statusseite oder das Dashboard.

Vorteile von Status-Widgets#

Weniger Support-Aufwand#

Ohne Status-Widget:

Kunde: „Eure Seite ist down"
Support: „Lass mich kurz prüfen … ja, wir wissen davon, wir kümmern uns drum"
Kunde: „Warum steht das dann nicht auf eurer Statusseite?"

Mit Status-Widget:

Kunde sieht den Status sofort
Weiß, dass du davon weißt und dran arbeitest
Kontaktiert den Support gar nicht erst

Ergebnis: Weniger Support-Tickets, schnellere Reaktion bei tatsächlichen Support-Anfragen.

Vertrauen und Transparenz#

Echtzeit-Status zu zeigen beweist:

Du überwachst deine Infrastruktur
Du gehst ehrlich mit Problemen um
Du legst Wert auf Kundenkommunikation
Verfügbarkeit ist dir wichtig

Studien zeigen: Transparenter Status reduziert Churn um 40 % während und nach Ausfällen.

Wettbewerbsvorteil#

Mitbewerber haben keine Status-Widgets. Du schon.

Wenn ein Kunde sich während eines Ausfalls zwischen dir und einem Mitbewerber entscheiden muss:

Mitbewerber: „Ist es down?" (keine Information)
Du: „Ja, wir wissen davon, wir beheben es gerade, ETA 30 Min." (klarer Status)

Kunden vertrauen dir mehr.

Logge dich ins Nova Uptime Dashboard ein
Gehe zu den Domain-Einstellungen
Klicke auf „Embed Settings"
Aktiviere „Enable Embed Widget"
Kopiere den Embed-Token

Wähle:

Farbschema: Light / Dark / Custom
Anzuzeigende Komponenten: Uptime %, aktuelle Incidents, Service-Liste
Refresh-Rate: 30 Sekunden, 1 Minute, 5 Minuten
Historischer Zeitraum: Letzte 7 Tage, 30 Tage, 90 Tage

Schritt 3: Auf der Website einbinden#

Option A: HTML iframe

<!-- Place in footer or dedicated page -->
<div id="gum-status-widget">
  <iframe
    src="https://status.novauptime.com/embed/YOUR_TOKEN?color=dark"
    width="100%"
    height="500px"
    style="border: none;">
  </iframe>
</div>

Option B: React-Komponente

import { NovaUptimeStatusWidget } from '@novauptime/react-status';

export default function StatusPage() {
  return <NovaUptimeStatusWidget token="YOUR_TOKEN" theme="dark" />;
}

Option C: Eigene Seite Richte status.deinefirma.com ein und verlinke darauf:

[Check Status Page]

Was anzeigen#

Basis (für die meisten empfohlen)

Gesamt-Status (Up/Down)
30-Tage-Uptime %
Letzter Incident mit Dauer

Erweitert (für SaaS)

Status einzelner Services (API, Dashboard, E-Mail)
Echtzeit-Antwortzeiten
Aktive Incidents mit Updates
Incident-Historie (letzte 10)
Update-Nachrichten für Kunden

Welche Services zeigen#

Zu detailliert: Verwirrt Kunden

- Load Balancer: Up
- API Node 1: Up
- API Node 2: Up
- Cache Layer: Up
- Database Primary: Up
- Database Replica: Up

Genau richtig: Zeigt, was Kunden wirklich interessiert

- Website: Up
- API: Up
- Email Service: Up

Kommunikation während Ausfällen#

Wenn ein Incident auftritt, aktualisiere das Status-Widget:

Während (Echtzeit-Updates)

🟡 Partial Outage - Investigating
API is currently unavailable due to database connectivity issues.
Started: 14:32 UTC
Expected fix: In progress

Danach (Bestätigung der Lösung)

✅ Resolved
Database connectivity has been restored. All services are operational.
Incident duration: 15 minutes
Resolved: 14:47 UTC

Post-Incident

Post-Mortem: [Link to incident review]
We experienced a database failover that took 15 minutes to complete.
[Details of what we learned and how we're preventing this]

Technische Überlegungen#

CORS und Cross-Origin#

Das Widget nutzt JavaScript zum Aktualisieren. Stelle sicher, dass deine Website das zulässt:

// Runs on your website, fetches from Nova Uptime
fetch('https://api.novauptime.com/embed/YOUR_TOKEN/status')
  .then(response => response.json())
  .then(data => updateWidget(data));

Die CORS-Header von Nova Uptime erlauben das automatisch.

Performance#

Das Widget fügt < 50 KB zur Seitengröße hinzu und blockiert das Laden der Seite nicht.

Updates erfolgen asynchron alle 60 Sekunden, ohne die User Experience zu stören.

SEO-Auswirkungen#

Statusinformationen werden dynamisch (per JavaScript) aktualisiert und haben daher keinen direkten Einfluss auf SEO. Eine Statusseite verbessert aber:

Verweildauer (Nutzer prüfen den Status)
Wiederkehrende Besuche (gebookmarkte Statusseite)
Vertrauenssignale (sauberes Incident-Management)

Alternative: Externe Statusseite#

Falls du NICHT auf deiner Website einbetten möchtest:

https://yourcompany.statuspage.io

Das ist eine separate Domain, die Kunden bookmarken und prüfen können. Hält deine Hauptwebsite aufgeräumt und bietet trotzdem volle Statustransparenz.

Nova Uptime Vorteil: Kein separates Tool nötig. Das Status-Widget ist eingebaut.

Wirksamkeit des Widgets messen#

Verfolge:

Wie viele Besucher dein Status-Widget aufrufen
Durchschnittliche Verweildauer auf der Statusseite
Ob Nutzer die Statusseite während Incidents erneut besuchen
Support-Ticket-Aufkommen während Ausfällen (sollte sinken)

Nutze diese Daten, um Inhalt und Darstellung deiner Statusseite zu verbessern.

Best Practices#

Während Incidents updaten: Manuelle Status-Updates sind besser als Schweigen
Realistische ETAs zeigen: „Investigating" ist besser als „In 10 Min. behoben", wenn du es nicht weißt
Post-Mortem nach Incidents: Kunden schätzen es, zu erfahren, was passiert ist
Aktuell halten: Ein veraltetes Widget schadet mehr als gar keins
Sichtbar machen: Verstecke das Status-Widget nicht ganz unten im Footer

Zusammenfassung#

Embed-Widget in Nova Uptime aktivieren
Aussehen und Inhalt anpassen
iframe auf deiner Website einbinden oder eine eigene Statusseite erstellen
Status während und nach Incidents aktualisieren
Aus Support-Docs und Help-Center darauf verlinken
Wirksamkeit messen und iterieren

Fang heute an, Kundenvertrauen aufzubauen: Aktiviere das Embed-Widget in deinem Nova Uptime Dashboard unter den Domain-Einstellungen. In allen Tarifen enthalten. 🚀

Einbettbare Status-Widgets: Zeige Kunden deine Uptime