script タグ 1 行で、どんな訪問者も
インストール不要で報告できます

SDK をサイトに置くと、ドラッグできるフィードバックウィジェットが全員に表示されます — クライアント、エンドユーザー、UAT の確認者も。レポートにはスクリーンショット、コンテキスト、指定した識別情報が付いて届きます。

index.html
<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>
キーはコンソールのプロジェクトキーに置き換えてください。ドメインの許可リストが悪用を防ぎます。
https://www.your-website.com
訪問者はどこへでもドラッグできます — 位置は記憶されます

3 分で稼働

ビルド不要、フレームワーク不要、依存なし — script タグ 1 行だけです。

1

プロジェクトを作成

登録してサイトを追加します。コンソールでプロジェクトキーとドメインの許可リストが発行されます。

2

タグを 1 行貼る

HTML テンプレートに script を置くか、タグマネージャーから挿入します。

3

訪問者が報告を始める

フローティングウィジェットが全訪問者に表示され、数秒でキャプチャして送信できます。

何もインストールしない人のために

外部からのフィードバックで最も難しいのはインストールの壁です。SDK はそれを完全になくします。

🙋

インストール不要、アカウント不要

訪問者はページからそのまま送信 — ダウンロードも登録もありません。

🧲

ドラッグできるウィジェット

フローティングのボールはどこへでも動かせ、訪問者が置いた位置を覚えます。

🛡️

Shadow DOM で分離

ウィジェットのスタイルがサイトへ漏れることも、サイトの CSS がウィジェットへ漏れることもありません。

🔧

コンテキスト付き

コンソールエラー、失敗したリクエスト、環境メタデータがすべてのレポートに自動で添付されます。

どの識別情報を付けるかは自分で決められます

SDK が Cookie やローカルストレージを調べることはありません。サイト側が明示的に識別情報を渡すか、匿名のままにするかです。

既定では匿名識別情報を渡さなければ、レポートは匿名で送信されます
明示的な識別ユーザー ID・名前・メールを指定して identify() を呼び出します
サーバー側の検証不正な形式の識別情報は保存前に破棄されます
報告者として表示名前は表の報告者列に表示されます
reporter.js
// ユーザーのサインイン後にこれを呼び出します
BugCapturer.identify({
  uid:   "user_1024",
  name:  "Alice Chen",
  email: "alice@acme.com"
});

どこに埋め込んでも安全

すべての保護はプロジェクトごとに設定でき、各レポートにはレート制限がかかります。

🌐

ドメインの許可リスト

プロジェクトに登録したドメインからの送信だけを受け付けます。

⏱️

レート制限

プロジェクト単位・日単位、IP 単位・日単位で制限し、表が大量送信で埋まるのを防ぎます。

⏸️

すぐに停止

コンソールでウィジェットをオフにすれば、サイトから即座に消えます。

🔀

拡張からの取り込み

ブラウザ拡張を使っている訪問者が、このサイトプロジェクトへレポートを送れるかどうかを選べます。

Web SDK かブラウザ拡張か?

同じプロジェクト、同じ表 — 誰に送ってもらうかで選んでください。

ブラウザ拡張Web SDK
送信できる人拡張を入れたテスターと同僚サイトのすべての訪問者
導入方法Chrome または Edge のストアscript タグ 1 行
スクリーンショット実際のタブから高精度で取得画面キャプチャ許可後に実際のピクセルで取得
画面録画対応非対応
識別情報拡張でのサインインからサイトから渡されます
届く先選択した送信先プロジェクトに紐づいた連携

BugCapturer のその他