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

Qué aprenderás

Descubre cómo crear una métrica Página vista personalizada y entender cuándo tus clientes visitan páginas que no son de producto en tu 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 de la que quieras hacer seguimiento. Para Shopify, integra tu 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 de abajo requieren Klaviyo.js para enviar eventos a tu cuenta.

Es importante añadir el siguiente fragmento de código JavaScript a cada página de tu sitio para la que quieras hacer seguimiento de una métrica de Página vista. Este fragmento funcionará tanto para páginas de destino como para cualquier otra página del sitio.

Instalación del 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, tal y como se describe a continuación, o usa el fragmento de URL alternativo.
2. Después, 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 Página vista, con el valor PageName "Sobre nosotros".

Cambiar el valor de PageName

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

1. Elimina el valor de ejemplo "Sobre nosotros".
2. Añade el texto que quieras incluido entre comillas. Por ejemplo, si quieres hacer un seguimiento de las visitas a la página de historias de tu marca, puedes usar «Customer Stories» como el valor.

Cambiar el nombre del evento Página vista

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

1. Elimina el nombre de evento de ejemplo Viewed Page .
2. Añade el texto que quieras dentro de las comillas.

Realiza un seguimiento de Visitas de página por URL

Para rastrear Página vista por URL en lugar de por nombre de página, usa el fragmento de código alternativo que aparece a continuación en lugar del primer fragmento de código. 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áginas vistas

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

1. Después de visitar tu página, entra en tu cuenta de Klaviyo.
2. Ve a Análisis > Métricas.
3. Busca Página vista (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 Fuente de actividades. Encuentra el evento del perfil de prueba. Abre el menú y selecciona Detalles de la actividad para comprobar que el nombre de la página o la URL coincide con la página que visitaste.

Si puedes ver tu actividad, significa que la métrica está realizando un seguimiento correctamente. Si no ves tu actividad, prueba a recargar la página en Klaviyo. Si aun así no aparece, confirma que Klaviyo.js y el fragmento de código que has elegido están instalados en la página publicada y, luego, vuelve a visitarla con tu dirección de email de prueba. Si usas Shopify, comprueba también el requisito de consentimiento que se indica a continuación.

Recursos adicionales