Cómo crear una métrica personalizada de página vista

Objetivos del artículo

Aprende a crear una métrica personalizada de página vista y entiende cuándo los clientes visitan páginas que no son de producto en el sitio.

Antes de empezar

Antes de continuar, asegúrate de que el JavaScript en el sitio de Klaviyo (Klaviyo.js) esté instalado en cada página que quieras rastrear. Para Shopify, integra la tienda y habilita el seguimiento en el sitio con la guía de configuración. Para otros sitios, sigue Primeros pasos con el seguimiento en el sitio de Klaviyo. Los fragmentos de código a continuación requieren Klaviyo.js para enviar eventos a tu cuenta.

Es importante agregar el siguiente fragmento de código JavaScript a cada página del sitio para la que quieras rastrear una métrica de Viewed Page. Este fragmento funcionará tanto para página de destino como para cualquier otra página del sitio.

Instalar el fragmento

1. Copia y pega el fragmento completo que aparece a continuación en cada página que quieras rastrear. Antes de publicar, personaliza el nombre de la página y el nombre del evento (opcional) como se describe a continuación, o usa el fragmento de URL alternativo.
2. Luego, guarda y publica los archivos de tu sitio web con el código actualizado.

<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>

Cuando un visitante identificado ve una página que contiene este fragmento, Klaviyo registra un evento en tu métrica personalizada Viewed Page, con el valor PageName "About Us".

Cambiar el valor de PageName

Puedes cambiar el valor de ejemplo anterior para representar otro nombre de página en tu sitio.

1. Elimina el valor de ejemplo "About Us".
2. Agrega el texto que quieras dentro de las comillas. Por ejemplo, si quieres rastrear las visitas a la página de historias de tu marca, podrías usar "Historias de clientes" como valor.

Cambiar el nombre del evento Página vista

Puedes cambiar el nombre del evento Viewed Page por otro (p. ej., Visited Page, Tracked Page, etc.).

1. Elimina el nombre de evento de ejemplo Página vista .
2. Agrega el texto que quieras entre las comillas.

Hacer seguimiento de Página vista por URL

Para rastrear Viewed Page por URL en lugar de por nombre de página, usa el fragmento alternativo a continuación en lugar del primer fragmento. Mantén window.location.href exactamente como se muestra, sin comillas. Automáticamente configura la propiedad url con la URL de la página que el visitante está viendo.

<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>

Prueba el seguimiento de página vista

Para probar si el seguimiento de Página vista funciona, asegúrate de que la página se haya publicado. Agrega ?utm_email=youremail@example.com a la URL de la página y reemplaza youremail@example.com con tu propia dirección de correo electrónico de prueba. Si la URL ya contiene un ?, usa &utm_email=youremail@example.com en su lugar. Agrega el parámetro antes de cualquier fragmento # y luego vuelve a cargar la página para identificar tu navegador y hacer seguimiento de tu visita.

1. Después de visitar la página, entra a la cuenta de Klaviyo.
2. Ve a Análisis > Métricas.
3. Busca Viewed Page (o cualquier nombre alternativo que uses para esta métrica) en el campo de arriba.

4. Haz clic en la métrica Página vista (o la métrica que estés usando).
5. Selecciona la pestaña Feed de actividad. Busca el evento del perfil de prueba. Abre el menú y selecciona Detalles de la actividad para verificar que el nombre de la página o la URL coincidan con la página que visitaste.

Si puedes ver la actividad, significa que la métrica tiene seguimiento correctamente. Si no ves la actividad, intenta volver a cargar la página en Klaviyo. Si aun así no aparece, confirma que Klaviyo.js y el snippet seleccionado estén instalados en la página publicada y luego vuelve a visitarla con el correo electrónico de prueba. Para Shopify, también revisa el requisito de consentimiento a continuación.

Recursos adicionales