En Inline-survey vises direkte på nettsiden som en integrert del av innholdet. For å installere den må du legge til en HTML-tag der undersøkelsen skal vises.
💡 Ny på Inline? Les først vår introduksjon til Inline Survey for å forstå når du bør velge Inline fremfor Popup og hvordan den fungerer.
Forutsetninger
Før du kan installere en Inline-survey må følgende være på plass:
✅ Skyra-scriptet må være installert på nettsiden.
✅ Undersøkelsen må være opprettet i Skyra med visningstype "Inline".
✅ Tilgang til å redigere HTML på nettsiden (direkte eller via CMS-blokk)
Tips: Publiser via CMS-blokk
Hvis du bruker et CMS kan du opprette en egendefinert innholdsblokk som lar redaktører legge til inline-undersøkelser uten å måtte håndtere HTML-kode.
Fordeler:
Redaktører kan legge til undersøkelser selv
Ingen risiko for feil HTML-kode
Sentralisert styling og konfigurasjon
Les mer i avsnitt under "Alternativ A: Via CMS (anbefalt)"
Teknisk info: Inline-undersøkelser fungerer via et custom element (<skyra-survey>) med shadow DOM, ikke iframe. Dette sikrer at undersøkelsen ikke påvirkes av sidens eksisterende CSS, samtidig som den kan tilpasses med CSS-variabler og ::part() selectors.
Steg-for-steg installasjon
Steg 1: Finn HTML-koden for din undersøkelse
Gå til undersøkelsen i Skyra
Klikk på "How to install survey"
Du får opp to alternativer:
Slug only - kun ID-en (for CMS-blokker)
Embed code - full HTML-tag
Steg 2: Velg installasjonsmåte
Hvordan du installerer avhenger av om dere har tilrettelagt for Inline i CMS eller ikke.
Alternativ A: Via CMS-blokk (anbefalt)
Hvis dere har opprettet en egendefinert innholdsblokk for Inline-surveys i deres CMS:
Bruk "Slug only" fra Skyra
Legg til en Inline Survey-blokk i CMS-redigeringen
Lim inn slug-en i blokken
Publiser siden
Eksempel fra Sanity CMS
Legg til en "Inline Survey"-blokk direkte i innholdsredigeringen.
Fyll ut:
Survey Slug – undersøkelsens unike ID fra Skyra
Custom CSS (valgfritt) – egendefinert styling hvis ønskelig
CMS-et genererer automatisk riktig HTML-kode når siden publiseres.
Fordeler:
Redaktører kan legge til surveys selv
Ingen risiko for feil HTML-kode
Sentralisert styling
For utviklere: Lag en custom content block / component i ditt CMS som tar inn survey-slug og CSS som input, og renderer <skyra-survey>-elementet på frontend.
Alternativ B: Direkte i HTML (krever utvikler)
Hvis du ikke har en CMS-blokk må HTML-koden legges til manuelt:
Bruk "Embed code for your website" fra Skyra
Kopier hele koden (eks:
<skyra-survey slug="org/survey-name"></skyra-survey>)Åpne sidens HTML-kode
Lim inn koden på det eksakte stedet der undersøkelsen skal vises
Publiser siden
Eksempel:
<skyra-survey slug="skyra/inline-demo"></skyra-survey>
Steg 3: Tilpass utseende (valgfritt)
Inline-surveys kan tilpasses med CSS for å matche nettsidens design.
Hvordan styling fungerer:
Med CMS-blokk: Lim inn CSS direkte i "Custom CSS"-feltet i blokken (hvis tilgjengelig)
Direkte i HTML: Legg til en
<style>-tag før eller etter<skyra-survey>-elementet. Les mer: CSS-styling av undersøkelse
Viktige engangsoppsett for optimal funksjon
I tillegg til å installere HTML-taggen, er det to viktige ting som bør sjekkes for at Inline-surveys skal fungere optimalt. Dette er engangsoppsett som gjøres én gang for hele nettsiden – ikke for hver enkelt undersøkelse.
1. Cookie-oppsett: Vis til alle brukere (anbefalt)
Problemet:
Hvis cookie-banneret blokkerer Skyra-scriptet for de som avviser cookies, vil Inline-surveys ikke vises til dem.
Løsningen:
Sjekk om cookie-banneret er konfigurert med "script-alltid-tilgjengelig"-metoden. Dette sikrer at Skyra-scriptet alltid lastes, men lagrer kun cookies ved samtykke.
Resultat:
Inline-surveys vises til alle besøkende (også de som avviser cookies)
Popup-surveys vises kun til de som godtar cookies
Dette er et engangsoppsett som vanligvis er gjort når Skyra først ble installert. Spør en utvikler eller teknisk ansvarlig hvis du er usikker.
📖 Les detaljert guide: Skyra og Cookie-samtykke
2. Unngå ad blockers: Installer uten GTM (anbefalt)
Problemet:
Mange nettsider bruker Google Tag Manager (GTM) til å administrere ulike scripts, inkludert Skyra. Men ad blockers (som mange brukere har installert) blokkerer ikke bare annonser – de blokkerer også GTM.
Konsekvens:
Når GTM blokkeres, lastes heller ikke Skyra-scriptet, og undersøkelsene vises ikke til de med ad blockers og Inline-undersøkelser kan etterlate seg en tom plass (placeholder) på nettsiden.
Løsningen:
Installer script direkte i nettsidens kildekode – ikke via GTM.
Viktig for Inline:
Siden Inline krever både Skyra-scriptet OG HTML-taggen, må begge legges i kildekoden for å sikre at surveyen vises.
Dette er et engangsoppsett for Skyra-scriptet som gjøres når Skyra installeres på nettsiden.
📖 Les detaljert guide: Installasjon av Skyra på din nettside