Så här anpassar du innehåll på webbplatsen med Klaviyo:s gruppmedlemskap API

Du kommer att lära dig

Lär dig hur du använder Klaviyo JavaScript-objektets metod getGroupMembership, som kan användas för att implementera onsite-personalisering på din webbplats. Detta kräver att du laddar Klaviyo objektet och skicka en matris med lista eller segment som ska kontrolleras, vilket ger en utdata som du kan använda för personalisering på plats.

Innan du börjar

När du lägger till Klaviyo's onsite spårning på din webbplats, spåras endast surfaktiviteten för "kända webbläsare" (dvs. webbläsare som har besökt, Engagerad, och identifierats eller "cookied"). Klaviyo's onsite spårning spårar inte anonyma webbläsare. Det finns tre viktiga sätt Klaviyo kommer att identifiera en webbplatsbesökare för spårning på plats:

• Om någon har klickat sig vidare från ett Klaviyo-mejl till din webbplats
• Om någon har prenumererat via ett Klaviyo-formulär
• Om någon har loggat in på din webbplats och du har spårning installerat

Se vår Klaviyo-video om hur du använder API:et för gruppmedlemskap.

Installera Klaviyo.js och ladda Klaviyo-objektet

Du måste först installera Klaviyo.js, om du inte redan har gjort det. Klaviyo.js, även känt som Klaviyos Active on Site JavaScript, stöder automatiskt klaviyo-objektet. Om du har aktiverat en integration med ditt Klaviyo-konto eller installerat Klaviyo.js manuellt kan du initiera klaviyo-objektet för att lyssna efter relevanta anrop.

För att använda objektet Klaviyo objektet direkt vid sidladdning rekommenderar vi att du manuellt installerar snutten nedan på din webbplats (utöver att installera Klaviyo.js som nämnts ovan). Objektet Klaviyo objektet behöver bara laddas en gång per sida.

För att ladda Klaviyo objektet:

Så här använder du Klaviyo JavaScript-objektets metod getGroupMembership för personalisering på plats:

1. I din kod väljer du den lista eller de segment-ID:n som du vill kontrollera medlemskap för. Gränsen är 50 lista eller segment.
2. Identifiera användare på din webbplats via ett Klaviyo-formulär eller på annat sätt.
3. Gör ett anrop i följande format, med en matris av de lista- eller segment -ID:n som du vill kontrollera medlemskap för:

Klaviyo.getGroupMembership(['listID1', 'listID2', 'listID3'])

Utdata som tillhandahålls är en matris med listan/segment ID:n som den identifierade användaren tillhör, förutsatt att dessa ID:n fanns i matrisen. Om en tom array returneras betyder det att du har skickat in för många ID:n eller att användaren inte tillhör någon av de listor eller segment som du angav.

Du kan använda det returnerade segment och listmedlemskapet data för att anpassa din webbplats med relevanta produkter, innehåll och mer baserat på kundsegment från Klaviyo.

Exempel på kod

Här är ett exempel som visar hur man anropar API:et getGroupMembership med flera segment-ID:n.

const customerSegments = await Klaviyo.getGroupMembership([
  VIPSegmentID,
 UnEngagedSegmentID,
 DogLoversSegmentID
]);

Påverkan på webbplatsens prestanda

API:et för gruppmedlemskap har minimal inverkan på webbplatsens prestanda. Javascript-filen (dvs. web_personalization.js) som Klaviyo laddar på din webbplats är bara cirka 1,2 kB och buntbegäran för den här filen blockerar inte huvudtråden, så det påverkar inte användbarheten på några sidor.

Den data som laddas för att anpassa en webbplats baserat på kundprofilen cachas i webbläsaren efter den första förfrågan, så ytterligare förfrågningar kräver inte anrop till backend API.

Utfall

Du kan nu använda Klaviyo JavaScript-objektet med webbpersonaliseringsverktyg och för att personalisera innehåll på webbplatsen baserat på segment eller listmedlemskap.

Ytterligare resurser

Introduktion till Klaviyo-objektet

Klaviyo's data modell

Ordlista med vanliga API-termer

Använd Klaviyo's gruppmedlemskap API