Skip to content

Konfigurer survey ​

Definer surveyen din som et TypeScript-objekt og send det til LumiSurveyDock. Du har full kontroll over spørsmål, rekkefølge og betinget synlighet.

Definer surveyen ​

En survey er et objekt som tilfredsstiller LumiSurveyConfig. Her er et typisk oppsett med emoji-rating etterfulgt av et valgfritt fritekstfelt:

typescript
import type { LumiSurveyConfig } from "@lumianalytics/survey";

export const mySurvey = {
  type: "rating",
  questions: [
    {
      id: "inntrykk",
      type: "rating",
      variant: "emoji",
      prompt: "Hva er ditt inntrykk av tjenesten?",
      required: true,
    },
    {
      id: "innspill",
      type: "text",
      prompt: "Har du noen kommentarer eller innspill?",
      maxLength: 1000,
      visibleIf: {
        field: "ANSWER",
        questionId: "inntrykk",
        operator: "EXISTS",
      },
    },
  ],
} satisfies LumiSurveyConfig;

Tre ting å merke seg:

  • type scoper surveyen — se Surveytyper for alle alternativer.
  • questions er den ordnede listen med spørsmål — se Spørsmålstyper for tilgjengelige typer.
  • visibleIf gjør at fritekstfeltet først vises etter at brukeren har gitt en rating — se Betinget synlighet.

satisfies fremfor typeannotasjon

satisfies LumiSurveyConfig gir deg typevalidering og bevarer den smale literal-typen, slik at mySurvey.type er "rating" — ikke string. Dette er idiomatisk TypeScript og gir bedre inferens nedover i appen.

Tips for gode surveys ​

  • Hold det kort — 1–2 spørsmål gir høyest svarprosent.
  • Vær konkret — still spørsmål om en spesifikk opplevelse, ikke generell tilfredshet.
  • Bruk progresjon — vis oppfølgingsspørsmål med visibleIf i stedet for å vise alt på én gang.
  • Segmentér med tags — bruk context.tags for å skille mellom brukergrupper eller flater. Se Context og tags.
  • Velg en stabil surveyId — denne identifiserer surveyen på tvers av deploy og brukes til analyse i dashboardet.

Snarvei: Bruk en preset ​

Trenger du raskt en standard survey uten å definere spørsmålene selv? Bruk en ferdiglagd preset:

tsx
import { LumiSurveyDock, DEFAULT_SURVEY_RATING } from "@lumianalytics/survey";

<LumiSurveyDock
  surveyId="min-flate"
  survey={DEFAULT_SURVEY_RATING}
  transport={transport}
/>

Se Presets og builders for alle tilgjengelige presets og builders.

Neste steg ​

Surveyen din er klar! Gå videre til Koble til backend for å sette opp API-nøkkel og koble widgeten til Lumi API.

Lumi Analytics — bygget på navikt/lumi (MIT-lisens)