Installeren per platform

Elke website

Installeren npm install @blipit/browser

De Blipit browser-SDK is 7 KB. Hij vangt niet-afgevangen fouten, unhandled promise rejections en mislukte requests, bewaart de klikken en requests die tot elke fout leidden, registreert web vitals en kan een session replay opnemen wanneer een fout optreedt. Installeer hem via npm in een gebundelde app, of zet één script-tag in elke pagina.

1Met npm

Roep init één keer aan, voordat de rest van je code draait. Gebruik de publieke sleutel.

sh
npm install @blipit/browser
js
import * as Blipit from "@blipit/browser";

Blipit.init({
  key: "<public key>",
  environment: "production",
  release: "2026.09.28",
  replay: { onErrorSampleRate: 1 },
});

2Zonder bundler: één script-tag

Plak dit in de <head> van elke pagina, of in het veld voor eigen code van je platform.

html
<script src="https://blipit.io/sdk/blipit.js"></script>
<script>
  Blipit.init({ key: "<public key>", environment: "production", release: "2026.09.28", replay: { onErrorSampleRate: 1 } });
</script>

3Vertel Blipit wie de gebruiker is (optioneel)

Koppel na het inloggen de gebruiker, zodat issues tonen wie getroffen was en replays op gebruiker gevonden kunnen worden.

js
Blipit.setUser({ id: "42", email: "ana@example.com" });

4Check of het werkt

Voer in de browserconsole op je site de regel hieronder uit. Open Issues in app.blipit.io. Het eerste event verschijnt binnen een paar seconden, gegroepeerd in een issue, en de verantwoordelijken krijgen een e-mail.

js
Blipit.captureMessage("Hello from " + location.host, "info");

Goed om te weten

  • Opties: sampleRate (0 tot 1), ignoreErrors (strings of patronen), beforeSend om een event te laten vallen of te bewerken, maxBreadcrumbs, webVitals (standaard aan), autoSessionTracking voor crash-free percentages (vereist release).
  • Vastgezette scriptversies staan op blipit.io/sdk/0.2.0/blipit.js als je upgrades zelf wilt beheren.
  • Content Security Policy: sta https://in.blipit.io toe in connect-src, en https://blipit.io in script-src als je de script-tag gebruikt.
  • Gebruik je al een Sentry SDK in de browser? Die werkt ongewijzigd: zet de DSN op https://<public key>@in.blipit.io/<project id>.

Kom je er niet uit? Mail support@blipit.io. Sleutels en de exacte DSN van elk project staan onder API-sleutels in app.blipit.io.