Så här kan du anpassa innehåll på webbplatsen med Klaviyo API för gruppmedlemskap

Du kommer att lära dig

Lär dig hur du använder JavaScript-objektet klaviyo s metod getGroupMembership, som kan användas för att implementera personalisering på plats på din webbplats. Detta kräver att du laddar objektet klaviyo och skickar en array med listor eller segment att kontrollera, vilket returnerar ett utdata som du kan använda för personalisering på plats.

Innan du börjar

När du lägger till Klaviyos spårning på plats på din webbplats spåras bara webbläsaraktiviteten för ”kända webbläsare” (dvs. webbläsare som har besökt, engagerade och identifierats eller ”cookats”). Klaviyos spårning på plats spårar inte anonyma webbläsare. Det finns 3 viktiga sätt som Klaviyo identifierar en webbplatsbesökare för spårning på plats:

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

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

Installera Klaviyo.js och läs in Klaviyo-objektet

Du behöver först installera Klaviyo.js, om du inte redan har gjort det. Klaviyo.js, även känt som Klaviyos Aktiv på webbplats JavaScript, har automatiskt stöd för klaviyo -objektet. Om du har aktiverat en av integrationer 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 klaviyo -objektet direkt när sidan laddas rekommenderar vi att du manuellt installerar kodsnutten nedan på din webbplats (utöver att installera Klaviyo.js enligt ovan). klaviyo -objektet behöver bara laddas en gång per sida.

För att läsa in klaviyo -objektet:

 
!(function () {
  if (!window.klaviyo) {
    window._klOnsite = window._klOnsite || [];
    try {
      window.klaviyo = new Proxy(
        {},
        {
          get: function (n, i) {
            return "push" === i
              ? function () {
                  var n;
                  (n = window._klOnsite).push.apply(n, arguments);
                }
              : function () {
                  for (
                    var n = arguments.length, o = new Array(n), w = 0;
                    w < n;
                    w++
                  )
                    o[w] = arguments[w];
                  var t =
                      "function" == typeof o[o.length - 1] ? o.pop() : void 0,
                    e = new Promise(function (n) {
                      window._klOnsite.push(
                        [i].concat(o, [
                          function (i) {
                            t && t(i), n(i);
                          },
                        ]),
                      );
                    });
                  return e;
                };
          },
        },
      );
    } catch (n) {
      (window.klaviyo = window.klaviyo || []),
        (window.klaviyo.push = function () {
          var n;
          (n = window._klOnsite).push.apply(n, arguments);
        });
    }
  }
})();

För att använda klaviyo -JavaScript-objektets metod getGroupMembership för personalisering på webbplatsen:

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

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

Utdata som tillhandahålls blir en matris med de list-/segment-ID:n som den identifierade användaren tillhör, förutsatt att dessa ID:n fanns i indatamatrisen. Om en tom matris returneras betyder det att du skickade in för många ID:n eller att användaren inte tillhör någon av listorna eller segmenten du angav.

Du kan använda data om segment och listmedlemskap som returneras för att anpassa din webbplats med relevanta produkter, innehåll med mera baserat på kundsegment från Klaviyo.

Kodexempel

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

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

Påverkan på webbplatsens prestanda

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

Data som läses in för att anpassa en webbplats baserat på kundprofilen cachelagras i webbläsaren efter att den begärs första gången, så ytterligare begäranden kräver inga API-anrop till backend.

Utfall

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

Ytterligare resurser