O que você vai aprender
Saiba como usar o método getGroupMembership do objeto JavaScript do klaviyo, que pode ser usado para implementar a personalização no local em seu site. Para isso, é necessário carregar o objeto klaviyo e passar uma matriz de listas ou segmentos a serem verificados, o que retornará um resultado que pode ser aproveitado para a personalização no local.
O Klaviyo CDP não está incluído no aplicativo de marketing padrão da Klaviyo, e é necessária uma assinatura do CDP para acessar a funcionalidade associada. Acesse nosso guia de faturamento para saber mais sobre como adicionar essa funcionalidade ao seu plano ou comece a usá-la se o senhor for um novo cliente.
Antes de começar
Esse recurso está disponível apenas para os clientes do Klaviyo CDP e só está disponível por meio do objeto klaviyo. Para saber mais sobre o objeto JavaScript klaviyo e o que ele pode fazer, leia a introdução ao objeto Klaviyo.
Quando o senhor adiciona o rastreamento no local da Klaviyo ao seu site, somente a atividade de navegação dos navegadores conhecidos "" é rastreada (ou seja, a atividade de navegação dos navegadores conhecidos é rastreada). navegadores que visitaram, se envolveram e foram identificados ou "cookied"). O rastreamento no site da Klaviyo não rastreia navegadores anônimos. Há três maneiras principais de a Klaviyo identificar um visitante do site para rastreamento no local:
- Se alguém clicou em um e-mail da Klaviyo para acessar seu site.
- Se alguém se inscreveu por meio de um formulário da Klaviyo.
- Se alguém tiver feito login no seu site e o senhor tiver instalado o rastreamento.
Instale o Klaviyo.js e carregue o objeto Klaviyo
Primeiro, o senhor precisará instalar o Klaviyo.js, caso ainda não o tenha feito. O Klaviyo.js, também conhecido como JavaScript "Active on Site" do Klaviyo, suporta automaticamente o objeto klaviyo. Se o senhor tiver ativado uma integração com sua conta Klaviyo ou instalado o Klaviyo.js manualmente, poderá iniciar o objeto klaviyo para ouvir as chamadas relevantes.
Para usar o objeto klaviyo imediatamente no carregamento da página, recomendamos instalar manualmente o snippet abaixo em seu site (além de instalar o Klaviyo.js, conforme mencionado acima). O objeto klaviyo só precisa ser carregado uma vez por página.
Para carregar o objeto klaviyo:
!(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);
});
}
}
})();
Para usar o método getGroupMembership do objeto JavaScript do klaviyo para personalização no site:
- Em seu código, selecione a lista ou as IDs de segmento para as quais deseja verificar a associação. O limite é de 50 listas ou segmentos.
- Identifique os usuários do seu site por meio de um formulário do Klaviyo ou por outros meios.
- Faça uma chamada no formato a seguir, com uma matriz da lista ou IDs de segmento para os quais o senhor deseja verificar a associação:
klaviyo.getGroupMembership(['listID1', 'listID2', 'listID3'])
A saída fornecida será uma matriz de IDs de lista/segmento à qual o usuário identificado pertence, uma vez que esses IDs estavam na matriz de entrada. Se uma matriz vazia for retornada, isso significa que o usuário passou muitos IDs ou que o usuário não pertence a nenhuma das listas ou segmentos que o senhor forneceu.
O senhor pode usar o segmento retornado e os dados de associação à lista para personalizar seu site com produtos relevantes, conteúdo e muito mais com base nos segmentos de clientes da Klaviyo.
Exemplo de códigoExemplo de código
Aqui está um exemplo que mostra como chamar a API getGroupMembership com várias IDs de segmento.
const customerSegments = await klaviyo.getGroupMembership([
VIPSegmentID,
UnEngagedSegmentID,
DogLoversSegmentID,
]);
Impacto no desempenho do siteImpacto no desempenho do site
A API de associação de grupos tem um impacto mínimo no desempenho do site. O arquivo Javascript (ou seja, web_personalization.js) que o Klaviyo carrega em seu site tem apenas cerca de 1,2 KB e a solicitação de pacote para esse arquivo não bloqueia o thread principal, portanto, não afeta a usabilidade de nenhuma página.
Os dados que são carregados para personalizar um site com base no perfil do cliente são armazenados em cache no navegador após a primeira solicitação, de modo que as solicitações adicionais não exigem chamadas de API de backend.
ResultadoResultado
Agora, o senhor pode usar o objeto JavaScript klaviyo com ferramentas de personalização da Web e personalizar o conteúdo no site com base no segmento ou na associação à lista.
Recursos adicionais