Como criar uma métrica personalizada de página visualizada

O que você vai aprender

Saiba como criar uma métrica personalizada de Página visualizada e entender quando seus clientes visitam páginas que não são de produtos no seu site.

Antes de começar

Antes de continuar, verifique se o JavaScript no site da Klaviyo (Klaviyo.js) está instalado em cada página que você quer rastrear. Para a Shopify, integre sua loja e ative o rastreamento no site usando o guia de configuração. Para outros sites, siga Guia de introdução ao rastreamento no site da Klaviyo. Os snippets abaixo exigem o Klaviyo.js para enviar eventos para sua conta.

É importante adicionar o snippet de código JavaScript a cada página do seu site para a qual você quer acompanhar uma métrica de Página visualizada. Este snippet funcionará tanto para landing pages quanto para quaisquer outras páginas do site.

Instalando o snippet

1. Copie e cole o snippet completo abaixo em cada página que você quer rastrear. Antes de publicar, personalize o nome da página e, opcionalmente, o nome do evento conforme descrito abaixo ou use o snippet de URL alternativo.
2. Em seguida, salve e publique os arquivos do seu site com o código atualizado.

<script type="text/javascript"> 
//Script to initialize Klaviyo object on page load
!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)}}}}(); </script>
<script type="text/javascript"> 
//Script to track viewed page
klaviyo.track("Viewed Page", {           
   PageName: "About Us"   
}); 
</script>

Quando um visitante identificado visualiza uma página que contém esse snippet, a Klaviyo registra um evento na sua métrica personalizada de Viewed Page, com o valor PageName "About Us".

Como alterar o valor PageName

Você pode alterar o valor de exemplo acima para representar outro nome de página no seu site.

1. Remova o valor de exemplo "Sobre nós".
2. Adicione o texto desejado contido entre aspas. Por exemplo, se você quiser rastrear visitas à página de histórias da sua marca, pode usar "Histórias de clientes" como o valor.

Como alterar o nome do evento Página visualizada

Você pode alterar o nome do evento Viewed Page para outro nome (por exemplo, Visited Page, Tracked Page etc.).

1. Remova o nome do evento de exemplo Página visualizada .
2. Adicione o texto desejado que está dentro das aspas.

Rastrear Página visualizada por URL

Para rastrear Página visualizada por URL em vez de por nome da página, use o snippet alternativo abaixo no lugar do primeiro snippet. Mantenha window.location.href exatamente como mostrado, sem aspas. Isso define automaticamente a propriedade url como a URL da página que o visitante está visualizando.

<script type="text/javascript"> 
//Script to initialize Klaviyo object on page load
!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)}}}}(); </script>
<script type="text/javascript"> 
//Script to track viewed page
klaviyo.track("Viewed Page", {           
      url: window.location.href   
}); 
</script>

Teste seu rastreamento de página visualizada

Para testar se o rastreamento de Página visualizada está funcionando, verifique se a sua página foi publicada. Adicione ?utm_email=youremail@example.com ao URL da página, substituindo youremail@example.com pelo seu próprio endereço de e-mail de teste. Se a URL já contiver um ?, use &utm_email=youremail@example.com em vez disso. Adicione o parâmetro antes de qualquer fragmento # e recarregue a página para identificar seu navegador e rastrear sua visita.

1. Depois de acessar sua página, entre na sua conta da Klaviyo.
2. Navegue até Análises > Métricas.
3. Pesquise por Página visualizada (ou qualquer nome alternativo que você use para essa métrica) no campo acima.

4. Clique na sua métrica Página visualizada (ou qualquer métrica que você esteja usando).
5. Selecione a guia Feed de atividades. Encontre o evento do seu perfil de teste. Abra o menu dele e selecione Detalhes da atividade para verificar se o nome da página ou o URL corresponde à página que você visitou.

Se você consegue ver sua atividade, isso significa que a métrica está com o rastreamento funcionando corretamente. Se você não vir sua atividade, tente recarregar a página no Klaviyo. Se ainda não aparecer, confirme se o Klaviyo.js e o snippet escolhido estão instalados na página publicada e, em seguida, acesse-a novamente usando seu endereço de e-mail de teste. No caso do Shopify, confira também o requisito de consentimento abaixo.

Recursos adicionais