Use o seu próprio botão

1Desligue o botão flutuante

Passe feedbackWidget: false para init. Só o botão desaparece; o reporter continua carregando as configurações do widget do seu projeto ao abrir.

<script src="https://blipit.io/sdk/0.3.2/blipit.js"></script>
<script>
  Blipit.init({ key: "<public key>", feedbackWidget: false });
</script>

2Abra o reporter a partir de qualquer elemento

attachReport(element) abre o reporter quando o elemento é clicado. openReport() abre a partir do seu próprio código, por exemplo um item de menu ou um atalho de teclado.

<button id="report-bug">Report a bug</button>
<script>
  Blipit.attachReport(document.getElementById("report-bug"));
</script>

menu.on("report", () => Blipit.openReport());

3React e Next.js

@blipit/nextjs e @blipit/browser exportam openReport e attachReport. Passe feedbackWidget={false} para o componente Blipit e chame openReport() a partir de qualquer 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>;
}

4Ou mantenha o botão flutuante, só com ícone

Se quiser manter o botão flutuante, mas menor, escolha «Só ícone» em Estilo do botão nas configurações do widget de reporte de erros do projeto no painel, ou defina style no código. O botão vira um ícone redondo da mesma cor; o texto fica como dica e rótulo para leitores de tela. As opções no código têm prioridade sobre o painel.

Blipit.init({ key: "<public key>", feedbackWidget: { style: "icon" } });

Bom saber

• O reporter (blipit-report.js) é carregado na primeira abertura a partir da mesma pasta de blipit.js, então adicione https://blipit.io ao script-src se o seu site tiver uma Content Security Policy.
• Ocultar o botão no painel o oculta em todos os sites que usam a chave; openReport() e attachReport() continuam funcionando lá.