Kendi düğmenizi kullanın

1Yüzen düğmeyi kapatın

init'e feedbackWidget: false verin. Yalnızca düğme kaybolur; bildirim açıldığında projenizin widget ayarlarını yine yükler.

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

2Bildirimi herhangi bir öğeden açın

attachReport(element) öğeye tıklandığında bildirimi açar. openReport() onu kendi kodunuzdan, örneğin bir menü öğesinden veya klavye kısayolundan açar.

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

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

3React ve Next.js

@blipit/nextjs ve @blipit/browser, openReport ve attachReport'u dışa aktarır. Blipit bileşenine feedbackWidget={false} verin, ardından herhangi bir istemci bileşeninden openReport() çağırın.

"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>;
}

4Ya da yüzen düğmeyi yalnızca simge olarak tutun

Yüzen düğmeyi tutmak ama küçültmek isterseniz, panelde projenin hata bildirme widget ayarlarında Düğme stili altında "Yalnızca simge"yi seçin veya kodda style ayarlayın. Düğme aynı renkte yuvarlak bir simgeye dönüşür; metni ipucu ve ekran okuyucu etiketi olarak kalır. Koddaki seçenekler paneldekilerden önce gelir.

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

Bilmekte fayda var

• Bildirim aracının kendisi (blipit-report.js) ilk açılışta blipit.js ile aynı klasörden yüklenir; siteniz bir Content Security Policy kullanıyorsa script-src'ye https://blipit.io ekleyin.
• Düğmeyi panelde gizlemek, anahtarı kullanan her sitede gizler; openReport() ve attachReport() orada da çalışmaya devam eder.