プラットフォーム別インストール

任意の Web サイト

インストール npm install @blipit/browser

Blipit のブラウザ SDK は 7 KB です。捕捉されなかったエラー、未処理の Promise の拒否、失敗したリクエストを捕捉し、各エラーに至るクリックとリクエストを保持し、Web Vitals を記録し、エラー発生時にセッションリプレイを記録できます。バンドル済みアプリでは npm からインストールし、それ以外のページには script タグを1つ置くだけです。

1npm で

他のコードが実行される前に init を1回呼び出します。公開キーを使います。

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 },
});

2バンドラーなし：script タグ1つ

すべてのページの <head>、またはプラットフォームのカスタムコード欄に貼り付けてください。

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>

3ユーザーを Blipit に伝える（任意）

サインイン後にユーザーを紐付けると、イシューに影響を受けたユーザーが表示され、リプレイをユーザーで探せるようになります。

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

4動作確認

サイトのブラウザコンソールで下の行を実行します。app.blipit.io で「イシュー」を開きます。数秒以内に最初のイベントがイシューにまとめられて表示され、担当者にメールが届きます。

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

知っておくと便利

  • オプション：sampleRate（0〜1）、ignoreErrors（文字列またはパターン）、イベントを除外・編集する beforeSend、maxBreadcrumbs、webVitals（デフォルトでオン）、クラッシュフリー率用の autoSessionTracking（release が必要）。
  • アップグレードを制御したい場合は、バージョン固定のスクリプトが blipit.io/sdk/0.2.0/blipit.js にあります。
  • Content Security Policy：connect-src で https://in.blipit.io を許可し、script タグを使う場合は script-src で https://blipit.io を許可してください。
  • ブラウザで既に Sentry SDK を使っていますか？そのまま動作します。DSN を https://<public key>@in.blipit.io/<project id> に設定してください。

お困りですか？support@blipit.io までメールしてください。各プロジェクトのキーと正確な DSN は app.blipit.io の「APIキー」にあります。