Installation nach Plattform

Beliebige Website

Installation npm install @blipit/browser

Das Blipit-Browser-SDK ist 7 KB groß. Es fängt nicht abgefangene Fehler, unbehandelte Promise-Rejections und fehlgeschlagene Requests ab, behält die Klicks und Requests, die zu jedem Fehler geführt haben, erfasst Web Vitals und kann bei einem Fehler ein Session Replay aufzeichnen. Installieren Sie es in einer gebündelten App über npm oder fügen Sie ein Script-Tag in jede Seite ein.

1Mit npm

Rufen Sie init einmal auf, bevor der Rest Ihres Codes läuft. Verwenden Sie den öffentlichen Schlüssel.

npm install @blipit/browser

import * as Blipit from "@blipit/browser";

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

2Ohne Bundler: ein Script-Tag

Fügen Sie dies in den <head> jeder Seite ein oder in den Bereich für eigenen Code Ihrer Plattform.

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>

3Blipit mitteilen, wer der Nutzer ist (optional)

Hängen Sie nach der Anmeldung den Nutzer an, damit Issues zeigen, wer betroffen war, und Replays nach Nutzer gefunden werden können.

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

4Prüfen, ob es funktioniert

Führen Sie in der Browser-Konsole auf Ihrer Website die Zeile unten aus. Öffnen Sie Issues in app.blipit.io. Das erste Event erscheint innerhalb weniger Sekunden, gruppiert zu einem Issue, und die verantwortlichen Personen erhalten eine E-Mail.

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

Gut zu wissen

Optionen: sampleRate (0 bis 1), ignoreErrors (Strings oder Muster), beforeSend zum Verwerfen oder Bearbeiten eines Events, maxBreadcrumbs, webVitals (standardmäßig an), autoSessionTracking für Crash-free-Raten (braucht release).
Feste Script-Versionen liegen unter blipit.io/sdk/0.2.0/blipit.js, falls Sie Upgrades selbst steuern möchten.
Content Security Policy: Erlauben Sie https://in.blipit.io in connect-src und https://blipit.io in script-src, wenn Sie das Script-Tag verwenden.
Sie nutzen bereits ein Sentry-SDK im Browser? Es funktioniert unverändert: Setzen Sie den DSN auf https://<public key>@in.blipit.io/<project id>.

Kommen Sie nicht weiter? Schreiben Sie an support@blipit.io. Schlüssel und den genauen DSN jedes Projekts finden Sie unter API-Schlüssel in app.blipit.io.