Hva er en inline survey?
En inline survey er en undersøkelse som vises direkte på nettsiden som en del av innholdet, i stedet for som en pop-up. Inline surveys kan plasseres hvor som helst på siden og fungerer uten bruk av informasjonskapsler (cookies). De kan også tilpasses i størrelse og plassering for å passe inn i ulike layouter.
Installasjon av Inline survey krever litt mer arbeid (og kodesnutter) enn pop-up undersøkelser fordi det må legges til en html-tag på nettsiden og eventuelt tilpasse utseende med CSS-styling.
Inline survey fungerer via et custom element og shadow DOM (ikke iframe).
Ps: Denne guiden fungerer også for Findability sitt tilbakemeldingsskjema, siden det i praksis er en Inline-survey.
Steg-for-steg guide for installasjon
Først må Skyra være installert på nettsiden på vanlig måte, med javascriptet som hører til din Skyra-konto. Det er nødvendig for at undersøkelser i det hele tatt skal vises. Les "Guide: Installasjon av Skyra på din nettside"
1. Opprett "Inline survey" og velg innstillinger
Velg visningstype "Inline" for undersøkelsen det gjelder. Dette velger du enten når du opprettet en ny undersøkelse eller du finner det under settings for den aktuelle undersøkelsen.
Innstillinger
Du kan velge om undersøkelsen skal være synlig for alle hele tiden, eller kun til noen som velges ut. Dette styres med Capture Settings på vanlig måte. Du finner innstillingene i Settings for den aktuelle undersøkelsen.
Dersom undersøkelsen skal være synlig for alle hele tiden velger du følgende:
100% invitation
0 seconds delay
Retake / Retrigger immediately
2. Plasser undersøkelsen der den skal vises, med HTML-tag
Du kan plassere undersøkelsen hvor som helst på siden med en egen HTML-tag:
HTML-tag
<skyra-survey slug="kunde-org/min-nye-undersokelse"></skyra-survey>
Forklaring:
slug: Dette må være undersøkelsens slug, som du finner nederst på settings for den aktuelle undersøkelsen i Skyra.Plassering: Denne taggen kan legges hvor som helst i HTML-koden – f.eks. inne i en
<div>for mer kontroll over layouten.
3: Aktiver støtte for Cookie-frie undersøkelser
Inline kan eksplisitt settes til å kjøre uten cookies ved å bruke attributtet consent="false" i HTML.
Full forklaring av dette finner du her:
Slik konfigurerer du for å støtte cookiefrie undersøkelser.
Kort oppsummert:
For å aktivere cookiefrie undersøkelser, legg til consent="false" i survey-taggen:
<skyra-survey slug="kunde-org/min-nye-undersokelse" consent="false"></skyra-survey>
Merk: Dersom du setter consent, må du også oppdatere samtykke fortløpende ved hjelp av JavaScript:
window.skyra.setConsent(true); // Brukeren har gitt samtykke window.skyra.setConsent(false); // Brukeren har trukket tilbake samtykke
4. Tilpasse størrelse og plassering
Dersom du ønsker å justere størrelsen for å vise undersøkelsen f.eks. i en sidebar eller en fast posisjon på skjermen, kan du bruke CSS-variabler.
Eksempel
skyra-survey[slug="min-org/min-survey"]::part(wrapper) { width: 300px; }
Husk å teste: Dette er utestet for enkelte korttyper, så det anbefales å teste oppsettet før produksjonsbruk.
Feilsøking
Undersøkelsen vises ikke?
Sjekk at slug-verdien er riktig (finnes i settings i Skyra).
Se om Skyra er lastet inn ved å sjekke nettverksfanen i Developer Tools (
F12→Network→skyra-survey.js).Forsikre deg om at
window.skyra.start()blir kalt riktig.
Trenger du hjelp?
Ta kontakt med oss på [email protected]