Usa datos de comercio electrónico estándar de GA en Facebook Pixel con GTM

¿Quieres ver el contenido de la página? Mostrar

La integración de Google Analytics con Facebook Pixel es fundamental para optimizar y medir la efectividad de las campañas publicitarias en línea. Mientras que muchos sitios web han adoptado Enhanced Ecommerce para un seguimiento completo, hay todavía muchos que operan con Standard Ecommerce. Este artículo te ofrecerá una guía detallada sobre cómo utilizar los datos de Google Analytics Standard Ecommerce en Facebook Pixel a través de Google Tag Manager, garantizando que tu negocio pueda capitalizar cada transacción.

Entender cómo funcionan estas herramientas y su interconexión te permitirá realizar un seguimiento más efectivo de tus ventas y el comportamiento del cliente. Aprenderás desde los requisitos necesarios hasta los pasos específicos para implementar el seguimiento de eventos de compra en Facebook, lo que te permitirá tomar decisiones más informadas sobre tus estrategias de marketing.

Requisitos previos para la integración

Antes de comenzar, es crucial que tengas configurado Standard Ecommerce en tu sitio web. Sin esta base, el proceso no funcionará. Si no has implementado esta configuración, es recomendable que consultes a un desarrollador o sigas guías específicas sobre cómo hacerlo.

Una vez que tengas configurado Standard Ecommerce, asegúrate de que el Data Layer esté correctamente estructurado. Aquí hay un ejemplo de cómo debería verse tu código en la página de confirmación de pedidos:

<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
 'event': 'purchase',
 'transactionId': '1234',
 'transactionAffiliation': 'Tienda Ejemplo',
 'transactionTotal': 50.00,
 'transactionTax': 2.50,
 'transactionShipping': 5.00,
 'transactionProducts': [{
   'sku': 'P001',
   'name': 'Camisa',
   'category': 'Ropa',
   'price': 25.00,
   'quantity': 1
 },{
   'sku': 'P002',
   'name': 'Pantalones',
   'category': 'Ropa',
   'price': 20.00,
   'quantity': 1
 }]
});
</script>

Recuerda que Google tiene ciertas expectativas sobre la nomenclatura y la estructura de los datos. Familiarizarte con estos requerimientos te ahorrará tiempo y problemas en el futuro.

Proceso para implementar los datos de Standard Ecommerce en Facebook Pixel

El proceso para integrar los datos de Standard Ecommerce en Facebook Pixel a través de Google Tag Manager consta de varios pasos clave:

Crear una variable de JavaScript personalizada que revise el Data Layer para buscar los datos de Standard Ecommerce.
Transformar esos datos en un formato que sea compatible con Facebook Pixel.
Implementar esta variable en la etiqueta de Facebook Pixel que envía los datos de compra.

Código necesario para la implementación

A continuación, te presentamos el código que necesitarás implementar en Google Tag Manager:

function() {
  var ecproducts = {{dlv - transactionProducts}};
  if (Array.isArray(ecproducts)) {
    var productIds = ecproducts.map(function(products){
      return !!products.sku && products.sku.toString();
    });
		
    var productTotalValue = ecproducts.reduce(function(total, current){
      return !!current.price && !!current.quantity ? total + (current.price * current.quantity) : total; 
    },0);
		
    var productQuantity = ecproducts.reduce(function(total, current){
      return !!current.quantity ? total + parseInt(current.quantity) : total;
    },0);
		
    var contentsArr = ecproducts.map(function(products){
      return {
        id: !!products.sku ? products.sku.toString() : undefined,
        item_price: !!products.price ? parseFloat(products.price) : undefined,
        quantity: !!products.quantity ? parseInt(products.quantity) : undefined
      };
    });
		
    return {
      content_ids : productIds,
      value : productTotalValue,
      num_items : productQuantity,
      contents : contentsArr,
      content_type : 'product'
    };
  }
}

Si no deseas profundizar en el funcionamiento del código, simplemente copia y pega este fragmento en la sección de variables de JavaScript personalizado en GTM. Sin embargo, si quieres entender su funcionamiento, sigue leyendo.

Este código comienza definiendo una variable que extrae los productos de la transacción desde el Data Layer. Luego, verifica si efectivamente existe y es un arreglo. Si es así, procederá a construir un objeto que será enviado a Facebook Pixel con los datos relevantes de cada producto.

Es importante mencionar que este proceso no afectará los datos originales que ya están en el Data Layer, lo cual es una gran ventaja.

Creación de una variable de Data Layer

Para que el código anterior funcione, necesitarás crear una variable del Data Layer que retorne la clave transactionProducts. Para hacerlo, sigue estos pasos:

Nombra la variable como dlv – transactionProducts. Asegúrate de que el nombre sea exacto, ya que el código lo hace referencia.
Si decides usar otro nombre, asegúrate de modificar la segunda línea del código que proporcioné anteriormente.

Configuración de la etiqueta de Facebook Pixel a través de Tag Template

Si prefieres usar la plantilla de etiqueta de Facebook Pixel en Google Tag Manager, sigue estos pasos:

Crea una nueva etiqueta y selecciona Facebook Pixel como tipo de etiqueta.
Ingresa tu ID de Pixel de Facebook.
Establece el nombre del evento como «Purchase».

Asegúrate de incluir cualquier configuración adicional que necesites, como ajustes de GDPR, y selecciona la variable de JavaScript personalizada que creaste previamente en Object Properties > Load Properties From Variable.

Configuración de la etiqueta de Facebook Pixel a través de Custom HTML

Si has optado por implementar Facebook Pixel mediante una etiqueta de HTML personalizada, utiliza el siguiente código en tu etiqueta de compra:

<script>
  fbq('track', 'Purchase', {{cjs - ga ecommerce transaction to fb pixel}});
</script>

Recuerda reemplazar cjs – ga ecommerce transaction to fb pixel con el nombre de tu variable JavaScript personalizada. Además, necesitarás actualizar el código de esa variable para incluir un parámetro de currency con el código de moneda que estás utilizando.

    return {
      content_ids : productIds,
      value : productTotalValue,
      num_items : productQuantity,
      contents : contentsArr,
      content_type : 'product',
      currency : 'USD'
    }

Si trabajas con múltiples divisas, considera crear otra variable del Data Layer que contenga el código de la moneda.

Prueba de la configuración

Una vez que hayas realizado todos los cambios, es el momento de probar tu implementación. Usa el modo de vista previa de Google Tag Manager y asegúrate de que todo funcione como se espera.

Instala la extensión Facebook Pixel Helper en tu navegador para verificar que los eventos se están enviando correctamente. Realiza una compra en tu sitio y revisa si el evento de compra se está activando correctamente.

Si después de seguir estos pasos no ves el evento de compra, verifica si tu etiqueta de Facebook Pixel se activó correctamente en el modo de vista previa. Si no es así, consulta guías de solución de problemas específicas para Google Tag Manager.

Superando obstáculos y asegurando la correcta integración

Si encuentras problemas con la integración, revisa el panel de eventos de Facebook Business para asegurarte de que los datos se están enviando correctamente. Verifica si hay advertencias, como «Pixel y catálogo no emparejados», y resuélvelas si es necesario.

Es recomendable familiarizarte con el panel de administración de Facebook, ya que te proporcionará información valiosa sobre el rendimiento de tus eventos y las métricas asociadas.

Conclusiones sobre la reutilización de datos de GA Standard Ecommerce en Facebook Pixel

Esta guía demuestra cómo Google Tag Manager puede ser una herramienta poderosa para optimizar el flujo de datos entre diferentes plataformas. Al reutilizar los datos de Standard Ecommerce, puedes maximizar el valor de tus campañas de publicidad en Facebook sin necesidad de una recolección de datos adicional. Aunque este proceso puede requerir algo de conocimiento técnico, los beneficios a largo plazo merecen la pena. Si tienes preguntas, no dudes en dejarlas en los comentarios.