Monitorización
Usa tu propio botón
Instalar feedbackWidget: false + Blipit.openReport()
El SDK del navegador pone un botón «Reportar un error» en la esquina de cada página. Si tu app ya tiene un menú de ayuda o un botón en la cabecera, desactiva el botón flotante y abre el mismo reportador desde ahí: la captura, las anotaciones, el selector de elementos, la grabación y el contexto funcionan igual.
2Abre el reportador desde cualquier elemento
attachReport(element) abre el reportador al hacer clic en el elemento. openReport() lo abre desde tu propio código, por ejemplo desde un elemento de menú o un atajo de teclado.
<button id="report-bug">Report a bug</button>
<script>
Blipit.attachReport(document.getElementById("report-bug"));
</script>menu.on("report", () => Blipit.openReport());3React y Next.js
@blipit/nextjs y @blipit/browser exportan openReport y attachReport. Pasa feedbackWidget={false} al componente Blipit y llama a openReport() desde cualquier componente de cliente.
"use client";
import { Blipit, openReport } from "@blipit/nextjs";
export function Monitoring() {
return <Blipit publicKey={process.env.NEXT_PUBLIC_BLIPIT_KEY!} feedbackWidget={false} />;
}
export function ReportBug() {
return <button onClick={() => openReport()}>Report a bug</button>;
}Conviene saber
- El reportador (blipit-report.js) se carga la primera vez que se abre desde la misma carpeta que blipit.js, así que añade https://blipit.io a script-src si tu sitio tiene una Content Security Policy.
- Ocultar el botón en el panel lo oculta en todos los sitios que usan la clave; openReport() y attachReport() siguen funcionando también ahí.
¿Atascado? Escribe a support@blipit.io. Las claves y el DSN exacto de cada proyecto están en Claves API en app.blipit.io.
