Qué aprenderás
Aprenda a añadir los fragmentos de seguimiento in situ de Klaviyo a su sitio web mediante Google Tag Manager. Algunos propietarios de sitios utilizan Google Tag Manager como punto único para gestionar todos los fragmentos web de terceros que necesitan añadir a su sitio. El seguimiento in situ de Klaviyo entra en esta categoría y puede añadirse y gestionarse a través de Google Tag Manager.
Antes de empezarAntes de empezar
Configuración de Google Tag Manager
Si ya ha creado una cuenta de Google Tag Manager, puede saltarse estos pasos y dirigirse a la sección sobre la creación de una etiqueta.
1. Cree una cuenta de Google Tag Manager.
2. Añada los scripts de instalación a su sitio.
Si es la primera vez que utiliza Google Tag Manager, revise su documentación sobre cómo crear una cuenta y añadir los scripts de instalación a su sitio.
Crear una nueva etiquetaCrear una nueva etiqueta
1. Dentro del espacio de trabajo para su sitio, cree un nuevo disparador para su seguimiento Klaviyo Active on Site. Recomendamos crear un disparador separado para su seguimiento de Activo en el sitio y Producto visto. Esto se debe a que el seguimiento de Productos vistos sólo se activará en las páginas de sus productos, mientras que el seguimiento Activo en el sitio debería activarse en todas las páginas de su sitio.
2. Seleccione HTML personalizado como tipo de etiqueta.
3. Para localizar su fragmento Active on Site en Klaviyo, haga clic en el menú de su cuenta y seleccione Integraciones.
4. Desde aquí, haga clic en el botón de Configurar seguimiento web en la parte superior derecha.
5. Copie el primer fragmento.
6. Desde su Google Tag Manager, pegue su fragmento de Klaviyo Active on Site en el cuadro HTML.
7. Configure su activador para que se dispare en una vista de página para todas las páginas. Esto garantiza que su fragmento Activo en el sitio se disparará siempre que los clientes vean una página de su sitio.
8. Guarde su nueva etiqueta. Esto completa la adición de su fragmento de seguimiento Active on Site mediante Google Tag Manager.
Puede añadir su fragmento de Producto visto utilizando el mismo método. Modifique el activador para que sólo se dispare en las páginas que incluyan sus productos. En algunos sitios, esto puede lograrse limitando el disparo para que sólo se produzca en las páginas en las que la URL incluya la palabra "producto".
Prueba el seguimiento en el sitio
1. Navegue hasta su página web.
2. Añada lo siguiente al final de la URL:
?utm_email=klaviyogreen@gmail.com
Puede sustituir "klaviyogreen@gmail.com" por su propia dirección de correo electrónico. Pulse Intro para recargar la página.
3. A continuación, en su cuenta de Klaviyo, vaya a Dashboard > Activity Feed. Si su seguimiento in situ está instalado correctamente, verá un nuevo evento Activo in situ en la parte superior de su feed de actividad procedente del correo electrónico que introdujo en el parámetro URL anterior.
Si tiene problemas para que se dispare el evento Producto visto, asegúrese de que sus etiquetas están configuradas para dispararse en un orden específico. Siempre querrá que su fragmento Activo en el sitio se dispare antes que su fragmento Producto visto.
Si obtiene un error al intentar guardar cualquiera de los fragmentos de seguimiento en Google Tag Manager, tendrá que pegarlos directamente en su sitio.
Uso de Google Tag Manager en ShopifyUso de Google Tag Manager en Shopify
Con Shopify, en lugar de utilizar Google etiqueta Manager, se le anima a activar el seguimiento in situ de Klaviyo a través de la aplicaciónKlaviyo's incrustada en Shopify. La incrustación de la aplicación permite el seguimiento tanto de Activo en el sitio como de Producto visto, siempre que esté activada y que el ajuste de Producto visto esté marcado en la página de ajustes de la integración. Nuestra integración con Shopify también permite realizar Búsquedas enviadas, Colecciones vistas y Añadidos al carro a través de la configuración de Seguimiento de eventos de comportamiento.
Si en su lugar desea añadir el seguimiento in situ a través de Google etiqueta Manager, asegúrese de desactivar primero la incrustación de la aplicación. A continuación, utilice el siguiente fragmento.
"Las colecciones" no están disponibles a través de la API AJAX de Shopify, por lo que en su lugar se capturan las Etiquetas de producto de Shopify (Tags) en el siguiente fragmento.
<script type="text/javascript">
//Inicializar el objeto Klaviyo al cargar la página
!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=nuevo 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]=argumentos[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">
//Producto visto
var klaviyo = window.klaviyo || [];
product_handle = location.href.split( '/' ).pop().split( '?' )[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,
Etiquetas: item.Categories,
ImageUrl: item.ImageURL,
Url: item.URL,
Metadatos: {
Brand: item.Brand,
Price: item.Price,
CompareAtPrice: item.CompareAtPrice
}
});
// Si desea añadir también el fragmento Añadido al carro, colóquelo aquí sin sus etiquetas script
})
.catch(function(e){
console.log('Klaviyo could not track Viewed Product. Please contact Klaviyo Support for assistance.')
});
</script>En función de la configuración de privacidad de su cliente en Shopify, Klaviyo no podrá realizar un seguimiento de los eventos in situ de los visitantes de su Shopify negocio en la UE, EEE, Reino Unido y Suiza, a menos que hayan dado su consentimiento.