Een statuswidget, badge of feed insluiten

Bijgewerkt op oktober 23, 2026 2 min. leestijd

Elke gepubliceerde statuspagina zonder wachtwoord heeft een widget, een badge, een JSON-samenvatting en een Atom-feed. Open de statuspagina in de app: op het tabblad Components heeft de kaart Public page de opties Badge en Embed, met code om te kopiëren. Hieronder staat your-page voor het deel na app.uptimecheck.com/s/.

Statuswidget voor je website

Plak dit vóór </body> op je site:

<script src=”https://app.uptimecheck.com/s/your-page/widget.js” async></script>

Zolang alles werkt, toont hij niets.Is een component down of traag, dan meldt een kleine kaart dat, zoals Partial outage, met een link naar de statuspagina.Zolang een statusupdate open staat, toont de kaart de titel en het laatste bericht ervan. Tijdens onderhoud toont hij de titel van het onderhoud en dat het bezig is.Rood voor storingen, oranje voor traagheid, blauw voor onderhoud. Hij volgt de lichte of donkere instelling van de bezoeker en gebruikt de taal van de statuspagina.Bezoekers kunnen hem sluiten, en dan blijft hij de rest van hun bezoek dicht, tenzij er iets nieuws gebeurt.Hij leest de status wanneer de pagina laadt. Zolang de monitoring van je workspace is gepauzeerd, blijft hij verborgen.

Hij staat linksonder; voeg data-position=”bottom-right” toe aan de scripttag om hem te verplaatsen. Hij tekent in een eigen shadow DOM, dus de CSS van je site verandert hem niet, en hij verandert je site niet.

Badge

Voor een README of een website, als Markdown of HTML:

[![Status](https://app.uptimecheck.com/s/your-page/badge.svg)](https://app.uptimecheck.com/s/your-page)

<a href=”https://app.uptimecheck.com/s/your-page”><img src=”https://app.uptimecheck.com/s/your-page/badge.svg” alt=”Status” height=”20″></a>

Er staat operational, degraded, partial outage, major outage of maintenance op, en paused zolang de monitoring is gepauzeerd.Voeg ?metric=uptime toe voor de gemiddelde uptime over 90 dagen van de componenten op de pagina, en ?label=Yourtext om de linkerkant te wijzigen.Hij wordt binnen een minuut bijgewerkt.

JSON-samenvatting

https://app.uptimecheck.com/s/your-page/summary.json bevat de algemene status, de componenten, openstaande statusupdates en onderhoud, in hetzelfde formaat als de samenvatting van Atlassian Statuspage. Hij staat ook op /s/your-page/api/v2/summary.json, het eigen pad van Statuspage, zodat chatbots, dashboards en monitoringtools die Statuspage lezen hem ook kunnen lezen, vanaf elke website. status.indicator is none, minor, major, critical of maintenance. De status van elk component is operational, degraded_performance, partial_outage, major_outage of under_maintenance, en de impact van elk open incident is minor, major of critical, op basis van het zwaarst getroffen component (none voor een melding die geen probleem noemt). Beide nemen de ernstigste van de impact die je in een statusupdate opgaf en wat de controles vinden.

Atom-feed

https://app.uptimecheck.com/s/your-page/feed.atom bevat de statusupdates die je plaatst en gepland onderhoud, in de taal van de pagina, voor feedreaders en de RSS-app van Slack. De statuspagina linkt ernaar. Controles alleen voegen geen items toe: plaats een update om feedlezers over een incident te informeren.

Verander je het adres van de pagina, dan werken de oude links niet meer, ook die van widgets, badges en feeds. Zie een statuspagina aanpassen en statuspagina’s.

Was dit artikel nuttig?

Probeer het in je eigen workspace

14 dagen gratis proberen · Daarna gratis met 5 monitors · Geen creditcard

Kom je er niet uit?

Mail support@uptimecheck.com en we antwoorden binnen 24 uur.

Wil je het automatiseren? De API-referentie behandelt de REST API, webhooks, cronjob-pings en MCP.