Förstå cookies i Klaviyo

1. Vad denna guide är till för

Kunder frågar ofta:

• ”Är alla dessa Klaviyo-skript verkligen nödvändiga?”
• ”Saktar Klaviyo ner min webbplats eller skadar den min PageSpeed-poäng?”
• ”Kan jag ta bort vissa Klaviyo-skript (till exempel för formulär, recensioner, Klaviyo Customer Hub) utan att bryta mot reglerna?”

I den här guiden förklaras, på intern nivå:

• Vad de huvudsakliga Klaviyo-skripten gör
• Vilka skript som krävs jämfört med valfria
• Så påverkar Klaviyos JavaScript webbplatsens hastighet och PageSpeed-rapporter
• Så här testar och svarar du när kunder skapar problem med prestanda eller ”för många skript”
• Hur detta ändras när nya produkter (till exempel Reviews, Klaviyo Customer Hub) läggs till

Använd detta som en ryggrad för intern förståelse. Kundorienterade svar bör förenklas och kopplas till rätt hjälpcenterdokument.

2. Nyckelbegrepp: Klaviyo onsite JavaScript & cookies

2.1 Klaviyo.js (webbplatsens kärnskript)

Klaviyo.js är det primära onsite JavaScript-snippet som:

• Aktiverar spårning av Aktiv på webbplats (webbplatsaktivitet som surfsessioner)
• Gör det möjligt för Klaviyo-registreringsformulär att läsas in och fungera på webbplatsen
• Injiceras automatiskt via många e-handelsintegrationer, eller kan installeras manuellt på andra plattformar

Om en kund:

• Vill ha Klaviyo-registreringsformulär på sin webbplats
• Vill ha webbspårning / ”Aktiv på webbplats” / produktsurfningsbeteende

…då krävs Klaviyo.js (eller motsvarande integrationsinjicerat skript). Om du tar bort den kommer dessa funktioner att brytas.

Klaviyos onsite JavaScript använder förstahandscookies, inte tredjepartscookies. Skriptet laddas av handlarens webbplats (direkt eller via en etikettchef/app).

2.2 Klaviyo-spårningscookies

När Klaviyos JavaScript är aktiverat ställer Klaviyo in cookien __kla_id:

• Den spårar och identifierar webbplatsbesökare med hjälp av ett automatiskt genererat ID
• Besökare blir identifierade när de:
  • Skicka in ett Klaviyo-registreringsformulär
  • Klicka på en länk i ett Klaviyo-e-postmeddelande eller -sms (med länkspårning aktiverad)
• Som standard hålls PII i denna cookie tillfälligt i 24 timmar, och en fullt identifierad cookie kan vara upp till 2 år (med förbehåll för webbläsarbegränsningar som Safari ITP).

Kunder kan också välja utökat ID (mer ihållande identifiering) eller inaktivera cookies helt och hållet, men detta påverkar direkt spårning och personanpassning.

3. Typer av Klaviyo-skript som kunder kan se

Den exakta skriptinventeringen på en viss webbplats kan ändras över tid när Klaviyo lägger till produkter (t.ex. Reviews, Klaviyo Customer Hub) eller när kunden aktiverar nya funktioner. Internt är det mer användbart att tänka i kategorier snarare än i en fast lista.

3.1 Webbspårning och formulär

1. Klaviyo.js / Aktiv på webbplats-snippet

• Tillhandahåller:
  • Spårning av aktiv på webbplats
  • Webbbeteendehändelser (t.ex. visad produkt, visad kategori etc., beroende på integration)
  • Underliggande VVS för identifiering på plats och vissa feature hooks
• Förekommer vanligtvis när:
  • E-handelsintegration är ansluten (till exempel Shopify, BigCommerce etc.) och webbspårning är aktiverat
  • Manuellt installerad baserat på våra generiska integrationsdokument

2. Inläsare av registreringsformulär/formulärsrelaterat JS

• Tillhandahåller:
  • Rendering och beteende för Klaviyo-registreringsformulär på plats (popup, undermenyer, inbäddade formulär etc.)
• Förekommer vanligtvis när:
  • Det finns live- eller redigeringsformulär i kontot (allt som inte är i utkast)

Om de inte använder Klaviyo-registreringsformulär:

• Vi rekommenderar att du markerar alla formulär som utkast så att inga formulär publiceras på webbplatsen.
• Klaviyo.js kan fortfarande användas för spårning, men inte för formulär.

3.2 Produktspecifika frontend-skript (till exempel Reviews, Klaviyo Customer Hub etc.)

Nyare Klaviyo-produkter som visar webbplatswidgetar (till exempel recensionsvisningswidgetar, Klaviyo Customer Hub-sidor eller -komponenter) kan ha egna produktspecifika skript. Dessa:

• Omfattas av den funktionen (till exempel när du renderar en recensionswidget)
• Förlitar sig ofta på grundläggande webbspårning (Klaviyo.js) för identifiering, händelser eller analys
• Kan läsas in via:
  • Dedikerade skripttaggar
  • Klaviyo-huvudpaket, med produktfunktioner aktiverade
  • Stilkonfigurationer för appinbäddning (till exempel för Shopify-liknande plattformar)

I takt med att produkttäckningen ökar kan kunderna se:

• Flera skripttaggar som hänvisar till static-tracking.klaviyo.com eller liknande domäner som används för spårning och JS-tillgångar
• Ytterligare inline- eller uppskjutna skript som injicerats av en appintegration

Viktigt: Den exakta sammansättningen av dessa skript ändras över tid när vi introducerar nya produkter och refaktorpaket. Undvik därför hårdkodning av en specifik lista över alla skript i statiskt internt eller externt innehåll. Beskriv dem istället efter funktion (t.ex. ”kärnspårning”, ”formulär”, ”recensionsvisning”, ”Klaviyo Customer Hub-komponenter”).

4. Webbplatshastighet och PageSpeed: vad som faktiskt händer

4.1 Så laddar Klaviyo.js

Klaviyos JavaScript läses in asynkront, vilket betyder:

• Det blockerar inte andra delar av sidan från att läsas in.
• Webbläsaren kan fortsätta att rendera huvudinnehållet medan Klaviyo-skriptet läses in parallellt.

Verktyg som Google PageSpeed Insights och andra revisioner av webbplatshastigheter kan emellertid fortfarande flagga Klaviyos skript som bidragande till laddningstider, även om det är asynkront.

Klaviyo-ingenjörer arbetar aktivt med att optimera Klaviyo.js och fortsätter att introducera förbättringar som minskar dess fotavtryck och förbättrar prestandan.

4.2 Shopify-specifik anmärkning: appinbäddning jämfört med manuell snippet

För Shopify:

• Vi rekommenderar att du aktiverar spårning av Aktiv på webbplats via Klaviyo Shopify-appens inbäddning, snarare än att manuellt installera skriptet i temakoden.
• Detta kringgår ofta butikens inbyggda etikettchef och kan resultera i snabbare inläsning av Klaviyos JavaScript.

Om en kund har:

• Både appinbäddning och ett manuellt skript
• Eller flera överlappande skript som lagts till av temaanpassningar eller äldre konfiguration

Vi kanske kan minska dubbleringarna och på så sätt förbättra prestandan.

5. Obligatoriskt jämfört med valfritt: svarar du ”Är alla dessa skript nödvändiga?”

När en kund frågar om alla Klaviyo-skript är nödvändiga eller om de kan ta bort några går du igenom denna checklista.

5.1 Klargöra vilka funktioner de använder

Fråga internt (eller kunden):

1. Använder de Klaviyo-formulär på sin webbplats?
2. Förlitar de sig på webbspårning:
   • Aktiv på Webbplats
   • Visad produkt/övergiven surfning
   • Detaljerade beteendeutlösare
3. Använder de aktivt produktspecifika webbplatsfunktioner:
   • Recensionsvisning
   • Klaviyo Customer Hub-sidor eller -widgetar
   • Andra nya Klaviyo-webbplatskomponenter

Om de använder formulär och/eller webbspårning:

• Klaviyo.js-kärna och formulärsrelaterade skript krävs. Om du tar bort dem kommer:
  • Bryt formulär på plats
  • Ta bort Aktiv på webbplats och vissa webbhändelser
  • Minska värdet på flöden och segment som är beroende av dessa data

Om de inte använder formulär, men vill ha spårning:

• De behöver fortfarande Klaviyo.js för spårning.
• Du kan dock:
  • Bekräfta att alla registreringsformulär i kontot är inställda på Utkast, så att inga formulär läses in på webbplatsen.

Om de inte vill ha någon spårning eller webbpersonanpassning:

• De kan välja att inaktivera cookies och/eller blockera spårningsdomäner av efterlevnads- eller sekretesskäl.
• Konsekvenser:
  • Inga webbspårningsdata (Aktiv på webbplats, visad produkt etc.)
  • Inga personanpassade webbplatsupplevelser baserade på Klaviyo-data

Intern vägledning: Detta är ett affärsbeslut för kunden. Vi bör vara tydliga när det gäller avvägningar, särskilt i fråga om tillskrivning, flöden och segmentering.

5.2 Produktspecifika skript

För nyare produkter (Reviews, Klaviyo Customer Hub etc.):

• Om kunden använder dessa funktioner krävs de produktspecifika skripten för att rendera widgetar och samla in interaktioner.
• Om de inte använder en viss produkts webbplatskomponenter:
  • I vissa fall kan vi inaktivera den produktens webbplatswidgetar eller konfiguration så att det extra skriptet inte injiceras.
  • Detta är produkt- och integrationsspecifikt. Ta del av de senaste produktdokumenten, eftersom beteendet kan ändras allteftersom vi itererar.

Eftersom dessa implementationer utvecklas ska du inte lova att ”vi alltid kan ta bort X-skript”. Rama in det som ”vi kan granska vilka funktioner som är aktiverade och minimera skript för oanvända funktioner där det stöds”.

6. Så hanterar du komplexa webbplatshastighetsärenden

Vissa ärenden i detta ämne blir mycket komplexa (flera integrationer, äldre utdrag, tung temakod, andra tredje parter, annonsskript etc.). Här är ett rekommenderat triageflöde.

6.1 Bekräfta källan och dupliceringen

1. Kontrollera integrationsmetod:
   • Är Klaviyo anslutet via en inbyggd e-handelsintegration?
   • Finns det också en manuell snippet i temakod eller etikettchef?
2. Leta efter dubbletter:
   • Flera instanser av Klaviyo-snippet
   • Gamla klaviyo.js -snippetar tillsammans med nyare appinbäddade eller produktspecifika inläsare
3. Mappa skript till funktioner:
   • Vilket skript läser in formulär?
   • Vilken används för webbspårning?
   • Vilka är knutna till Reviews, Klaviyo Customer Hub eller andra produkter?

Resultat: Sikta på att få till en auktoritativ konfiguration för kärnspårning/formulär och endast det minsta produktskript som behövs.

6.2 Skilj verkliga prestandaproblem från PageSpeed-brus

1. Fråga efter:
   • Faktiska användarsymtom (långsam sidinläsning för shoppare? specifika enheter? specifika sidor?)
   • Exempel på webbadresser och tidsstämplar
2. Jämför:
   • PageSpeed/Lighthouse-rekommendationer (som ofta flaggar alla tredjepartsskript)
   • Reella laddningstider i webbläsarens utvecklingsverktyg eller RUM-analys, om sådan finns

Interna ramar:

• PageSpeed förväntas flagga de flesta tredjepartsskript, inklusive våra, även när de läses in asynkront.
• Vårt jobb är att:
  • Se till att vi inte duplicerar eller felkonfigurerar på webbplatsen
  • Hjälp kunden att förstå avvägningen mellan marknadsföringsfunktionalitet och testresultat
  • Lyft fram pågående tekniska insatser för att hålla Klaviyo.js smidig och effektiv

6.3 När ska eskalera?

Eskalera till backlinje när:

• Det finns starka bevis för att:
  • Klaviyo-skript blockerar kritiskt innehåll (till exempel på grund av felaktig placering eller en bugg)
  • Klaviyo JS orsakar JavaScript-fel som bryter mot webbplatsens funktionalitet
• Prestandaförsämringar visas efter en specifik Klaviyo-funktionsintroduktion eller efter att en ny produkt har aktiverats

Ange:

• Exakta webbadresser och tidsstämplar
• Skärmdumpar
• Rensa mappning av:
  • Vilka skript finns
  • Vilka Klaviyo-funktioner används
  • Vad kunden rapporterar (syntetiskt betyg jämfört med verklig användarpåverkan)

7. Sekretess, samtycke och när kunder vill ha ”mindre spårning”

Ibland är ”för många skript” kortfattat för integritetsfrågor snarare än ren prestanda.

Viktiga punkter som du kan använda internt (och sedan anpassa externt):

• Klaviyo använder förstahandscookies för webbspårning – data används endast för den säljarens webbplats, inte delas mellan webbplatser.
• Kunder kan:
  • Uppdatera deras cookiemeddelanden och sekretesspolicy för att förklara Klaviyos spårningsbeteende och, om det används, utökat ID.
  • Använd samtyckeshantering för att blockera eller tillåta Klaviyo-spårningsdomäner per användarval.

Om de helt inaktiverar Klaviyo-JS-spårning:

• Klaviyo-formulär kan fortfarande läsas in (om det är konfigurerat) men kommer inte att anpassa eller spåra beteende.
• De förlorar detaljerade beteendedata på webbplatsen (surfning, visad produkt etc.).

Källor

• Felsökning av Klaviyo.js och rapporter om webbplatshastighet
• Klaviyo onsite Javascript och webbläsarcookie / iOS 14 sekretessändringar