En la era digital actual, la capacidad de rastrear y analizar el comportamiento del cliente es fundamental para el éxito de cualquier negocio en línea. Las herramientas como Google Tag Manager (GTM) se han vuelto esenciales para la implementación de etiquetas y la recolección de datos. En este artículo, exploraremos cómo integrar los datos de Enhanced Ecommerce de Google Analytics con Pinterest Tag utilizando Google Tag Manager, lo que te permitirá optimizar tus campañas publicitarias en Pinterest y maximizar tu retorno de inversión.
La implementación de Pinterest Tag a través de Google Tag Manager ofrece una serie de ventajas, entre ellas la capacidad de reutilizar datos para múltiples plataformas de marketing y análisis. En este artículo, aprenderás a implementar el seguimiento de acciones de ecommerce mejoradas, como visitas de producto, adiciones al carrito y compras, utilizando datos de la capa de datos.
Una guía para implementar Pinterest Tag con GTM
Si no estás familiarizado con la implementación de Pinterest Tag mediante Google Tag Manager, es recomendable que consultes guías previas. Esta guía se centrará específicamente en el uso de datos de Enhanced Ecommerce y te proporcionará los pasos necesarios para configurarlo correctamente.
Requisitos previos
Para que esta solución funcione, es imprescindible cumplir con ciertos requisitos:
Datos de Enhanced Ecommerce bien formateados en la capa de datos: Tu configuración de Enhanced Ecommerce debe utilizar un objeto de ecommerce válido y correctamente formateado en la capa de datos.
Datos mínimos requeridos: Debes tener al menos el ID de producto, nombre del producto, precio y cantidad del producto en la capa de datos. Aunque Pinterest Tag admite más puntos de datos, estos son los mínimos necesarios:
ID del producto
Nombre del producto
Precio del producto
Cantidad del producto
Uso de acciones específicas de Enhanced Ecommerce: Esta solución se basa en tres acciones de ecommerce:
Cuando un visitante ve una página de producto (denominado “Detalle de producto” en Enhanced Ecommerce)
Cuando un visitante añade producto(s) a un carrito (en Enhanced Ecommerce, esto se llama “Añadir al carrito”)
Cuando un visitante realiza una compra (en Pinterest Tag, las compras se denominan “Checkouts”)
El proceso de implementación
A continuación, detallaremos el proceso de implementación:
Verifica que todos los datos de Enhanced Ecommerce estén correctamente configurados en la capa de datos.
Configura una variable de JavaScript que adaptará los datos de Enhanced Ecommerce de Google Analytics al formato requerido por Pinterest Tag.
Crea una variable de capa de datos que acceda al objeto de ecommerce de Enhanced Ecommerce.
Comienza con las visitas a la página, pasando información del producto, luego añade productos al carrito y, finalmente, registra la compra (en Pinterest Tag, las compras se denominan “checkouts”).
Crea variables adicionales que incluyan datos específicos, como el conteo de productos.
Realiza pruebas para asegurarte de que todo funciona correctamente.
Verificación de la capa de datos
El evento de visita a la página, junto con los datos del producto, debe enviarse cuando los datos de detalle del producto de Enhanced Ecommerce estén disponibles en la capa de datos. Recuerda que los datos deben estar formateados estrictamente según lo indicado en la documentación oficial de Google.
A continuación, se muestra un ejemplo de cómo se pueden estructurar los datos de detalle del producto:
Es esencial que el objeto de ecommerce contenga un objeto de detalle y que haya un arreglo de productos. Todos los parámetros deben seguir estrictamente la convención de nomenclatura de Google para Ecommerce Mejorado.
Transformación de datos de ecommerce mejorado
Para que los datos del producto sean compatibles con Pinterest, necesitamos crear una variable de JavaScript personalizada que transformará el arreglo de productos de Enhanced Ecommerce. Este método fue popularizado por Simo Ahava.
En Google Tag Manager, dirígete a Variables > Variables definidas por el usuario > Nueva > JavaScript personalizado y pega el siguiente código:
function() {
return function(products) {
if (!Array.isArray(products)) {
return products;
}
var prodsForPinterest = products.map(function(prod) {
var prodObj = {};
if (prod.name) {prodObj.product_name = prod.name;}
if (prod.id) {prodObj.product_id = prod.id.toString();}
if (prod.price) {prodObj.product_price = parseFloat(prod.price);}
if (prod.quantity) {prodObj.product_quantity = parseInt(prod.quantity);}
if (prod.category) {prodObj.product_category = prod.category;}
if (prod.variant) {prodObj.product_variant = prod.variant;}
if (prod.brand) {prodObj.product_brand = prod.brand;}
return prodObj;
});
return prodsForPinterest;
}
}
Nombrar esta variable como cjs ee product data to pinterest facilitará su identificación.
Creación de la variable de capa de datos
En esta configuración, dependeremos del objeto ecommerce necesario para que el Ecommerce Mejorado funcione. Para acceder a esta información, necesitamos una Variable de Capa de Datos que devolverá el último push al objeto ecommerce.
Configura la nueva Variable de Capa de Datos de la siguiente manera:
Nombre de la variable de capa de datos: ecommerce
Versión de la capa de datos: Versión 1
Nombre de la variable: dlv ecommerce
Registro de visitas a la página con detalles del producto
Utilizando la variable de JavaScript personalizada y la variable de capa de datos previamente creadas, ahora se creará una nueva variable para registrar las visitas a la página.
Variable de JavaScript personalizada para registrar visitas a la página
En GTM, ve a Variables > Variables definidas por el usuario > Nueva > JavaScript personalizado. Pega el siguiente código:
function() {
var products = {{dlv ecommerce}}.detail.products;
return {{cjs ee product data to pinterest}}(products);
}
Esta variable devolverá un arreglo de productos en un formato compatible con Pinterest.
Prueba de la variable de visitas a la página
Guarda esta variable y habilita el modo de vista previa de GTM. Dirígete a la página del producto donde ocurre el push de datos del detalle del producto. Al activar la etiqueta de visita a la página, verifica que el arreglo de productos se esté devolviendo correctamente.
Inserción de la variable en la etiqueta de visita a la página
Abre la etiqueta de Visita a la Página que ya deberías haber creado y selecciona el checkbox de Parámetros personalizados. Ingresa:
line_items en el campo de nombre
Inserta la variable cjs pinterest line_items page visit en el campo de valor
Prueba de la etiqueta de visita a la página
Guarda la etiqueta y refresca el modo de vista previa. Verifica que la etiqueta de visita a la página se actúe correctamente y que los datos del producto sean recibidos por Pinterest.
Seguimiento de adiciones al carrito
Ahora es momento de rastrear cuando un visitante añade productos a su carrito. Este procedimiento es similar al de las visitas a la página.
Variable de JavaScript personalizada para adiciones al carrito
Crearemos una nueva variable que utilizará las variables cjs ee product data to pinterest y dlv ecommerce.
function() {
var products = {{dlv ecommerce}}.add.products;
return {{cjs ee product data to pinterest}}(products);
}
Configuración de la etiqueta y activador para adiciones al carrito
En GTM, ve a Etiquetas > Nueva > Pinterest. Introduce tu ID de Pinterest Tag y selecciona Add To Cart en el campo Evento a disparar.
Al configurar la etiqueta, crea otra variable de JavaScript para contar la cantidad total de productos añadidos al carrito:
function() {
var totalQuantity = 0;
var ecom = {{dlv ecommerce}};
if (ecom.add && ecom.add.products) {
ecom.add.products.forEach(function(product) {
totalQuantity += parseInt(product.quantity);
});
}
return totalQuantity;
}
Nombra esta variable como cjs order quantity add to cart y guárdala.
En la etiqueta de Add To Cart, ingresa esta variable en el campo de Order Quantity y también marca Parámetros personalizados para ingresar los datos del producto.
Prueba de la etiqueta de adiciones al carrito
Guarda la etiqueta y refresca el modo de vista previa. Agrega un producto al carrito y verifica que la etiqueta de adición al carrito se dispare correctamente y que los datos sean recibidos por Pinterest.
Rastreo de compras (Checkout)
Finalmente, rastrearemos las compras. En el contexto de Pinterest Tag, “Checkout” se refiere a la compra final.
Variable de JavaScript personalizada para compras
La variable que necesitas será similar a la de adiciones al carrito:
function() {
var products = {{dlv ecommerce}}.purchase.products;
return {{cjs ee product data to pinterest}}(products);
}
Configuración de la etiqueta y activador para compras
En GTM, ve a Etiquetas > Nueva > Pinterest. Introduce tu ID de Pinterest Tag seleccionando Checkout en el campo Evento a disparar.
Incorpora los campos necesarios para rastrear la compra, como el ID de pedido y la cantidad total de productos comprados, utilizando variables previamente definidas.
Prueba de la etiqueta de compras
Guarda la etiqueta y refresca el modo de vista previa. Realiza una compra y verifica que todos los datos del producto sean enviados correctamente a Pinterest.
Conclusión sobre el uso de datos de Ecommerce Mejorado en Pinterest Tag
Implementar el seguimiento de Ecommerce Mejorado a través de Pinterest Tag puede parecer complicado, pero siguiendo estos pasos podrás hacerlo de manera efectiva. Con la capacidad de rastrear acciones clave en tu sitio web y enviar datos relevantes a Pinterest, podrás optimizar tus campañas y mejorar el rendimiento general de tus esfuerzos de marketing digital.
Para ofrecer las mejores experiencias, utilizamos tecnologías como las cookies para almacenar y/o acceder a la información del dispositivo. El consentimiento de estas tecnologías nos permitirá procesar datos como el comportamiento de navegación o las identificaciones únicas en este sitio. No consentir o retirar el consentimiento, puede afectar negativamente a ciertas características y funciones.
Funcional
Siempre activo
El almacenamiento o acceso técnico es estrictamente necesario para el propósito legítimo de permitir el uso de un servicio específico explícitamente solicitado por el abonado o usuario, o con el único propósito de llevar a cabo la transmisión de una comunicación a través de una red de comunicaciones electrónicas.
Preferencias
El almacenamiento o acceso técnico es necesario para la finalidad legítima de almacenar preferencias no solicitadas por el abonado o usuario.
Estadísticas
El almacenamiento o acceso técnico que es utilizado exclusivamente con fines estadísticos.El almacenamiento o acceso técnico que se utiliza exclusivamente con fines estadísticos anónimos. Sin un requerimiento, el cumplimiento voluntario por parte de tu Proveedor de servicios de Internet, o los registros adicionales de un tercero, la información almacenada o recuperada sólo para este propósito no se puede utilizar para identificarte.
Marketing
El almacenamiento o acceso técnico es necesario para crear perfiles de usuario para enviar publicidad, o para rastrear al usuario en una web o en varias web con fines de marketing similares.
