Dokumentasjon

Få BugRapport opp og kjøre på nettstedet ditt på under ett minutt

Hurtigstart

1. Legg til scriptet på nettstedet ditt

Kopier og lim inn denne koden i <head>-seksjonen av HTML-en din.

<script
  src="https://bugrapport.no/widget.js"
  data-position="right"
  data-size="medium"
  data-primary-color="#E52828"
  data-config-id="YOUR_CONFIG_ID"
  defer
></script>

Erstatt YOUR_CONFIG_ID med din unike konfigurasjon-ID fra dashbordet.

Domeneregistrering

Før du distribuerer til produksjon, registrer domenet ditt i BugRapport-dashbordet:

  1. Gå til Dashbord → Nettsteder
  2. Klikk "Legg til nettsted"
  3. Skriv inn domenet ditt (f.eks. dittdomene.no)
  4. Konfigurer e-postviderekobling og Slack webhook (valgfritt)
  5. Kopier din unike konfigurasjon-ID

Merk: Utvikling på localhost:3000 er automatisk hvitelistet for testing.

Tilpasningsalternativer

AttributtAlternativerStandard
data-position"left" | "right""right"
data-size"small" | "medium" | "large""medium"
data-primary-colorHvilken som helst CSS hex-farge"#E52828"
data-allowed-pathsJokertegnmønstre"/*"

Stibegrensninger

Kontroller hvilke sider som viser widgeten ved hjelp av stimønstre:

  • /* - Alle sider
  • /dashboard - Kun dashboard-siden
  • /products/* - Alle produktsider

CSS-styling API

BugRapport bruker Web Components med tilpassbare deler via CSS ::part()-velgeren:

/* Tilpass utløserknappen */
feedlet-widget::part(trigger) {
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Tilpass modalen */
feedlet-widget::part(modal) {
  border-radius: 16px;
}

/* Skjul på mobil */
@media (max-width: 768px) {
  feedlet-widget::part(trigger) {
    display: none;
  }
}

Tilgjengelige deler:

  • widget - Hele widget-containeren
  • trigger - Den flytende knappen
  • triggerBackground - Knappebakgrunn
  • triggerForeground - Knappeikon
  • modal - Tilbakemeldingsskjema-modalen
  • modalBackground - Modal-overlegg

Egendefinerte utløsere

Bruk din egen knapp til å åpne tilbakemeldingsskjemaet ved å legge til klassen feedlet-trigger:

<button class="feedlet-trigger">
  Rapporter en feil
</button>

Dette er nyttig når du vil skjule den flytende knappen og integrere tilbakemelding i ditt eget brukergrensesnitt.

Integrasjoner

E-post

Legg til e-postadresser i dashbordet ditt for å motta feilrapporter direkte i innboksen din. Støtter flere mottakere.

Slack

Koble BugRapport til Slack ved hjelp av webhooks. Få sanntidsvarsler med skjermbilder direkte i kanalen din.

Klar til å komme i gang?

Opprett din konto og begynn å fange tilbakemeldinger på minutter.