Start hier · 5 minuten

Koppel je website aan FetchNode

Eén pagina, één pad: plak de snippet, trigger een testfout en controleer het dashboard. Geen losse install-pagina of keuzestress.

Stap 1
Kopieer snippet

Publieke browserconfig, veilig voor frontend.
Stap 2
Test fout

Één console-command om te zien of events binnenkomen.
Stap 3
Open dashboard

Bekijk gegroepeerde errors per project.
Plak dit vóór </head>
Vervang alleen PUBLIC_PROJECT_KEY.
<script>
  window.FetchNodeQueue = window.FetchNodeQueue || [];
  window.FetchNode = window.FetchNode || function () {
    window.FetchNodeQueue.push(arguments);
  };

  FetchNode("init", {
    projectKey: "PUBLIC_PROJECT_KEY",
    endpoint: "https://fetch-node.com/api/events/ingest/",
    environment: "production",
    release: "2026.04.29"
  });
</script>
<script async src="https://fetch-node.com/widget/v1/widget.min.js" crossorigin="anonymous"></script>
1

Plaats de snippet

Zet de snippet in de globale layout van je website, net vóór </head>. Voor StarryFrame is dat de base template.

2

Laad je website opnieuw

Open de pagina in de browser. Zie je geen FetchNode-waarschuwing in de console, dan is de configuratie geladen.

3

Controleer de error

Trigger de test hieronder en open daarna het dashboard. De fout verschijnt als gegroepeerd issue.

Direct testen

Trigger één testfout

Open DevTools → Console op de website waar de snippet staat en voer deze regel uit.

Open dashboard Download snippet 
FetchNode("captureException", new Error("FetchNode StarryFrame test"));
Huidige URLs

Dit gebruikt de snippet

Endpoint: https://fetch-node.com/api/events/ingest/
Browser script: https://fetch-node.com/widget/v1/widget.min.js

Veiligheid

De project key is publiek

Dat is normaal voor browsergebruik. Zet nooit private API keys, wachtwoorden, databasegegevens of webhook secrets in frontend-code.

Wat gebeurt er daarna?

Van error naar duidelijke takenlijst

FetchNode vangt browser errors op, groepeert herhalingen en laat per project zien wat aandacht nodig heeft.

  1. Event: één foutmelding met URL, environment, release en stack context.
  2. Issue: vergelijkbare events worden samengevoegd, zodat je geen ruis krijgt.
  3. Status: markeer issues als open, resolved of ignored.
  4. Regressie: komt een opgeloste fout terug, dan valt die weer op.