Cómo añadir Klaviyo seguimiento in situ mediante Google etiqueta Gerente

Objetivos de aprendizaje

Aprende a añadir Klaviyo's onsite seguimiento snippets to your site using Google etiqueta Gerente. Algunos propietarios de sitios utilizan Google etiqueta Gerente como punto único para gestionar todos los fragmentos web de terceros que necesitan añadir a su sitio. Klaviyoentra en esta categoría y puede añadirse y gestionarse a través de Google etiqueta Gerente.

Antes de empezar

Configurar Google etiqueta Gerente

Si ya has creado una etiqueta Google Gerente cuenta, puedes saltarte estos pasos y dirigirte a la sección sobre la creación de una etiqueta.
1. Crea una Google etiqueta Gerente cuenta.
2. Añade los scripts de instalación a tu sitio.

Si eres nuevo en el uso de Google etiqueta Gerente, revisa su documentación sobre cómo configurar una cuenta y añadir los scripts de instalación a tu sitio.

Crear una nueva etiqueta

1. Dentro del espacio de trabajo de tu sitio, crea un nuevo disparador para tu Klaviyo con actividad en Seguimiento del sitio. Te recomendamos que crees un activador independiente para tu seguimiento de Con actividad en el sitio y Productos vistos. Esto se debe a que el seguimiento de Viewed Product sólo se activará en tus páginas de producto, mientras que con actividad on Site el seguimiento debería activarse en todas las páginas de tu sitio.
2. Selecciona HTML personalizado como tipo de etiqueta.

3. Para localizar tu fragmento con actividad on Site en Klaviyo, haz clic en el menú de tu cuenta y selecciona integraciones.
4. Desde aquí pulsa el botón de Configurar seguimiento web en la parte superior derecha.


5. Copia el primer fragmento. 

6. Desde tu etiqueta Google Gerente, pega tu Klaviyo con actividad on Site snippet en el cuadro HTML.

7. Configura tu activador para que se dispare en una vista de página para todas las páginas. Esto garantiza que tu snippet con actividad on Site se disparará siempre que el cliente vea una página de tu sitio.

8. Guarda tu nueva etiqueta. Esto completa la adición de tu con actividad en Sitio seguimiento snippet utilizando Google etiqueta Gerente.

Puedes añadir tu fragmento de Producto visto utilizando el mismo método. Modifica el activador para que sólo se dispare en las páginas que incluyan tus productos. En algunos sitios, esto se puede conseguir limitando el activador para que sólo se dispare en las páginas en las que la URL incluya la palabra "producto".

Probar el seguimiento en tu sitio

1. Navega hasta tu página web.
2. Añade lo siguiente al final de la URL:

?utm_email=klaviyogreen@gmail.com

Puedes sustituir "klaviyogreen@gmail.com" por tu propia dirección de correo electrónico. Pulsa Intro para recargar la página.

3. A continuación, en tu Klaviyo cuenta, navega hasta el panel > Activity Feed. Si tu seguimiento in situ está instalado correctamente, verás un nuevo evento con actividad on Site en la parte superior de tu feed de actividad desde el correo electrónico que introdujiste en el parámetro URL anterior.

Si tienes problemas para que se dispare tu evento Producto visto, asegúrate de que tu etiqueta está configurada para dispararse en un orden específico. Siempre querrás que tu snippet con actividad en el Sitio se dispare antes que tu snippet Producto Visto.

Si obtienes un error al intentar guardar cualquiera de los fragmentos de seguimiento en Google etiqueta Gerente, tendrás que pegar los fragmentos directamente en tu sitio.

Usando Google etiqueta Gerente en Shopify

Con Shopify, en lugar de utilizar Google etiqueta Gerente, te animamos a que habilites el seguimiento in situ de Klaviyo a través de la appKlaviyo's incrustada en Shopify. La incrustación de la app permite tanto el seguimiento con actividad en el Sitio como con Producto visto, siempre que esté activada y que el ajuste Producto visto esté marcado en la página de configuración de la integración. Nuestras integraciones de Shopify también permiten la Búsqueda enviada, Colección vista y Añadido a la cesta a través de la configuración Seguimiento de eventos de comportamiento.

Si en lugar de ello quieres añadir el seguimiento in situ a través de Google etiqueta Gerente, asegúrate de desactivar primero la incrustación de la aplicación. A continuación, utiliza el siguiente fragmento.

"Las colecciones" no están disponibles a través de Shopify's AJAX interfaz de programación de aplicaciones (API) por lo que Shopify etiqueta del producto (etiqueta) se capturan en su lugar en el fragmento de abajo.

<script type="text/javascript"> 
 //Inicializar el objeto Klaviyo al cargar la página
!function(){if(!window.Klaviyo){window._klOnsite=window._klOnsite||[];try{window.Klaviyo=new Proxy({},{get:function(n,i){return"notificación 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]=argumentos[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.notificación push([i].concat(o,[function(i){t&&t(i),n(i)}]))}});return e}}})}catch(n){window.Klaviyo=window.Klaviyo[],window.Klaviyo.notificación push=function(){var n;(n=window._klOnsite).notificación push.apply(n,arguments)}}}}(); </script>
< script type="text/javascript"> 
 //ProductoVisto
var Klaviyo = window.Klaviyo || [];
product_handle = location.href.división( '/' ).pop()división( '?' )[0];
fetch('/productos/'+manija_producto+'.js').then(function(respuesta){return response.json()})
.then(function(producto){
  var item = {
    Name: product.title,
    ProductID: product.id,
    Tags: product.tags,
    ImageURL: "https:"+product.featured_image,
    URL: location.href.split( '/' )[0] + '//' + location.href.split( '/' )[2]+product.url,
    Brand: product.vendor,
    Price: product.price/100,
    CompareAtPrice: product.compare_at_price_max/100
  };
  Klaviyo.track("Visto Producto", artículo);
  Klaviyo.trackViewedItem({
    Título: item.Name,
 ItemId: item.ProductID,
 etiqueta: item.Categories,
 ImageUrl: item.ImageURL,
 Url: item.URL,
 Metadatos: {
      Brand: item.Brand,
      Price: item.Price,
      CompareAtPrice: item.CompareAtPrice
    }
  });
// Si quieres añadir también el fragmento Añadido al carro, colócalo aquí sin su etiqueta de script
})
.catch(function(e){
  console.log('Klaviyo could not track Viewed Product. Please contact Klaviyo Support for assistance.')
});
</script>

Recursos adicionales

• Primeros pasos del seguimiento en el sitio de Klaviyo
• Entender el seguimiento de la conversión de mensajes
• Guía para crear un flujo de abandono de la navegación