SDK をサイトに置くと、ドラッグできるフィードバックウィジェットが全員に表示されます — クライアント、エンドユーザー、UAT の確認者も。レポートにはスクリーンショット、コンテキスト、指定した識別情報が付いて届きます。
<script>
window.BugCapturerConfig = {
key: "bcpk_your_project_key",
position: "bottom-right",
requireContact: false,
reporter: { uid: "", name: "", email: "" }
};
</script>
<script src="https://api.bugcapturer.com/sdk/bugcapturer.js" async></script>
訪問者はどこへでもドラッグできます — 位置は記憶されます
ビルド不要、フレームワーク不要、依存なし — script タグ 1 行だけです。
登録してサイトを追加します。コンソールでプロジェクトキーとドメインの許可リストが発行されます。
HTML テンプレートに script を置くか、タグマネージャーから挿入します。
フローティングウィジェットが全訪問者に表示され、数秒でキャプチャして送信できます。
外部からのフィードバックで最も難しいのはインストールの壁です。SDK はそれを完全になくします。
訪問者はページからそのまま送信 — ダウンロードも登録もありません。
フローティングのボールはどこへでも動かせ、訪問者が置いた位置を覚えます。
ウィジェットのスタイルがサイトへ漏れることも、サイトの CSS がウィジェットへ漏れることもありません。
コンソールエラー、失敗したリクエスト、環境メタデータがすべてのレポートに自動で添付されます。
SDK が Cookie やローカルストレージを調べることはありません。サイト側が明示的に識別情報を渡すか、匿名のままにするかです。
| 既定では匿名 | 識別情報を渡さなければ、レポートは匿名で送信されます |
|---|---|
| 明示的な識別 | ユーザー ID・名前・メールを指定して identify() を呼び出します |
| サーバー側の検証 | 不正な形式の識別情報は保存前に破棄されます |
| 報告者として表示 | 名前は表の報告者列に表示されます |
// ユーザーのサインイン後にこれを呼び出します
BugCapturer.identify({
uid: "user_1024",
name: "Alice Chen",
email: "alice@acme.com"
});
すべての保護はプロジェクトごとに設定でき、各レポートにはレート制限がかかります。
プロジェクトに登録したドメインからの送信だけを受け付けます。
プロジェクト単位・日単位、IP 単位・日単位で制限し、表が大量送信で埋まるのを防ぎます。
コンソールでウィジェットをオフにすれば、サイトから即座に消えます。
ブラウザ拡張を使っている訪問者が、このサイトプロジェクトへレポートを送れるかどうかを選べます。
同じプロジェクト、同じ表 — 誰に送ってもらうかで選んでください。
| ブラウザ拡張 | Web SDK | |
|---|---|---|
| 送信できる人 | 拡張を入れたテスターと同僚 | サイトのすべての訪問者 |
| 導入方法 | Chrome または Edge のストア | script タグ 1 行 |
| スクリーンショット | 実際のタブから高精度で取得 | 画面キャプチャ許可後に実際のピクセルで取得 |
| 画面録画 | 対応 | 非対応 |
| 識別情報 | 拡張でのサインインから | サイトから渡されます |
| 届く先 | 選択した送信先 | プロジェクトに紐づいた連携 |