Cómo configurar la deduplicación de eventos de Facebook en Google Tag Manager

El uso del server-side tracking de Facebook (API de conversiones de Facebook) es cada vez más popular debido a su capacidad para evitar el bloqueo del píxel de rastreo por parte de ITPs y AdBlockers. Otra gran ventaja de la API de conversiones de Facebook es que aumenta la vida útil de las cookies de FB. Si aún no ha implementado la API de conversiones de Facebook en su sitio web, siga esta guía.

En este artículo, describiré cómo configurar la deduplicación de eventos de Facebook si usted está utilizando métodos de rastreo tanto del navegador como del servidor para su sitio web.

¿Por qué es necesario configurar la deduplicación de eventos de Facebook?Copie el enlace a esta sección

El píxel de Facebook y la API de conversiones le permiten compartir eventos estándar y personalizados con FB para que pueda medir y optimizar el rendimiento de los anuncios. El píxel le permite compartir eventos web desde un navegador web, mientras que la API de conversiones le permite compartir eventos web directamente desde el servidor en la nube.

Tanto el píxel como la API de conversiones de Facebook le permiten enviar eventos. Y por eventos me refiero a las actividades de los clientes. La diferencia es que el píxel envía eventos desde el navegador, y la CAPI envía eventos desde el servidor. Si le dices a Facebook que el método del navegador y el del servidor envían eventos idénticos, aceptarán uno y descartarán otro.

Hay varias formas de configurar el seguimiento de Facebook, entre ellas las siguientes:

1. Utilizar únicamente el método del navegador (píxel). No está recomendado por FB debido a las restricciones de seguimiento de los usuarios.

2. Utilizar sólo el seguimiento en el servidor. El principal beneficio de tener el seguimiento sólo en el servidor es que el píxel FB no cargará su navegador. Su sitio se cargará más rápido, y esto conducirá a una mejor experiencia de usuario.

3. Combinar el seguimiento del navegador y del servidor. Aquí tiene varias opciones:

●     Enviar algunos eventos desde el navegador y otro servidor de formularios. Por ejemplo, la integración nativa de la API de conversión de FB de Shopify enviará todos los eventos de FB a través del navegador y los eventos de compra desde el Servidor. En este caso, usted no necesita la deduplicación.

●     Enviar todos los eventos desde el navegador y el servidor.

Si usted decide utilizar tanto el seguimiento de eventos del navegador como del servidor para todos sus eventos, en este caso, tendrá que configurar la deduplicación de eventos. Con la deduplicación de eventos de Facebook, FB recibirá todos sus eventos, entenderá que los eventos son idénticos, limpiará algunos de ellos y conservará otros. Si usted combina el método del navegador y del servidor, pero no configura la deduplicación de eventos, sus datos no serán correctos porque todos los eventos serán rastreados dos veces.

Facebook requiere el envío de dos parámetros de eventos para la deduplicación de eventos: su nombre y su ID. Usted ya envió el nombre del evento con la configuración existente. Este artículo cubrirá cómo configurar el ID de evento de Facebook dentro del contenedor de Google Tag Manager.  

¿Cómo funciona la deduplicación de eventos de Facebook?Copie el enlace a esta sección

Facebook tiene dos maneras de identificar los eventos duplicados que fueron enviados desde el navegador y el servidor:

1. ID y nombre del evento.

Facebook recomienda este método, y lo cubriremos en nuestro how-to. Para este método, usted debe utilizar el ID de evento para todos los eventos que envíe a través de píxeles y CAPI. FB deducirá los píxeles de Facebook y los eventos de la API de conversión con nombres de eventos e ID de eventos idénticos. Facebook da más crédito al evento del navegador, y si ven eventos similares y con una diferencia de 5 minutos, se quedarán con los eventos del navegador y limpiarán los del servidor.

2. FBP o ID externo

Este método existe pero no es recomendado por Facebook. En este caso, tendrás que enviar el nombre del evento, fbp, y/o external_id para todos sus eventos de navegador y servidor. Facebook compara todos estos parámetros e identifica si ya tiene un evento del navegador con estos parámetros, y si lo tiene, descarta los eventos del servidor. FB no recomienda el uso de estos eventos, ya que pueden identificar la deduplicación sólo si el evento del navegador fue enviado primero. Esto significa que si se envía un evento de servidor primero, los eventos se duplicarán.

Facebook también puede fusionar eventos. Por ejemplo, si envía algunos datos enriquecidos desde el servidor, puede añadir los datos que faltan al evento del navegador. Esta no es una función por defecto. Para activarla, usted debe ponerse en contacto con un representante de Facebook.

¿Cómo configurar la deduplicación de eventos de Facebook a través de Google Tag Manager?Copie el enlace a esta sección

Creamos una variable personalizada de Google Tag Manager que añadirá un ID de evento único a sus eventos de Facebook de la web y del servidor. Esto le permitirá rastrear a los usuarios tanto desde el navegador como desde el servidor y deducir los eventos. Este método funcionará si su píxel de Facebook está configurado dentro del contenedor web de Google Tag Manager y si la API de conversión de Facebook está configurada a través del contenedor de servidor de Google Tag Manager.

1. Usted necesita tener la configuración de la API de conversión de Facebook a través del contenedor del servidor de Google Tag Manager. Por favor, siga este paso si aún no está configurado en su sitio.

2. Haga clic en este enlace para descargar una variable personalizada que envíe un ID de evento único o añádala mediante la Galería de plantillas.

3. Si ha descargado la plantilla de variables de GitHub -> Vaya a su contenedor web de Google Tag Manager e importe la variable que acaba de descargar. Haga clic en Plantillas -> Nuevo (dentro de las Plantillas de Variables) -> haga clic en los tres puntos de la esquina superior derecha -> importe -> seleccione la variable -> Cuando termine, haga clic en Guardar. Vaya a la pestaña Variables dentro del contenedor web -> En Variables definidas por el usuario haga clic en Nuevo -> cree una variable de ID de evento único utilizando la plantilla que ha importado.

4. Añada esta variable a todos los eventos de Facebook que tenga dentro del contenedor web.

Si utiliza la plantilla de FB:

Abra Facebook Tag -> Haga clic en More Settings -> Añada una variable a los campos Event ID -> Haga clic en Save.

Si ha añadido etiquetas FB a través de HTML personalizado:

Abra Facebook Tag -> añada el parámetro del ID del evento al evento de Facebook -> Haga clic en Save.

{eventID: '{{Event ID}}’ 

5. En este paso configuraremos una instalación que pasará el mismo ID de evento al contenedor del servidor de Google Tag Manager. Dado que nuestra etiqueta de servidor de Facebook funciona en base a los eventos de Google Analytics, añadiremos el ID de los eventos de Facebook a las etiquetas de Google Analytics dentro del contenedor web. En este ejemplo, enviaré un ID de evento dentro de la dimensión personalizada de Google Analytics. Puede enviarlo a través de otros campos.

Abra la etiqueta de Google Analytics dentro del contenedor web -> Haga clic en More settings -> Custom Dimension -> Añada el índice y seleccione Event ID variable.

Añada el ID del evento de Facebook a todas las dimensiones personalizadas de GA (u otros parámetros que haya seleccionado) que desee rastrear dentro del contenedor del servidor.

Una vez hecho esto, vaya al modo de vista previa y verifique que todo funciona correctamente. A continuación, publique las actualizaciones.

6. Vaya a su contenedor de servidor de Google Tag Manager -> Haga clic en Variables -> New variable -> seleccione el tipo de variable Query Parameter -> Parameter name cd1 (en mi caso porque el índice de la dimensión personalizada que he creado en el contenedor web es 1) -> Haga clic en Save.

7. Vaya al modo de Vista Previa y compruebe que el contenedor del servidor de Google Tag Manager ve la variable que usted ha creado.

8. Abra Facebook Tag dentro del contenedor del servidor de Google Tag Manager -> Haga clic en Server Event Data Override -> en el Property Name seleccione Event ID -> en el Property Value seleccione la variable que ha creado en el Contenedor del servidor.

Añada la variable ID de evento a todas las etiquetas de Facebook dentro del contenedor del servidor. Una vez que la etiqueta pasa al modo de vista previa del servidor, esa prueba cambia.

9. Cree o utilice su etiqueta de evento GA4 existente dentro del contenedor web -> Parámetros de evento -> Añada event_id como nombre de parámetro y seleccione la variable Event ID como valor. Además, compruebe qué trigger utiliza para el evento GA4. Siempre debe usar el mismo trigger para la etiqueta de Facebook y GA4 para eventos idénticos. Por ejemplo, las etiquetas GA4 y FB add to cart deben utilizar el mismo trigger, en este caso el ID de la ventilación será idéntico. Agregue el ID del evento de Facebook a todas las etiquetas de eventos GA4 que desee rastrear dentro del contenedor del servidor.

Una vez que usted lo haya hecho, vaya al modo de vista previa y verifique que todo funciona correctamente. A continuación, publique las actualizaciones.

10. Vaya a su contenedor de servidor de Google Tag Manager -> Haga clic en Variables -> New variable -> seleccione el tipo de variable Event Data -> Ruta clave event_id (en mi caso porque el nombre del parámetro que he creado en el contenedor web es event_id) -> Haga clic en Save.

11. Abra la etiqueta de Facebook dentro del contenedor del servidor de Google Tag Manager -> Haga clic en Server Event Data Override -> en el Name Property, seleccione Event ID -> en el Property Value seleccione la variable que ha creado en el contenedor del servidor.

Añada Event ID Variable a todas las etiquetas de Facebook dentro del contenedor del servidor.

12. Vaya al modo de vista previa y compruebe que la variable event_id que ha creado en el contenedor web es la misma que envía a Facebook.

13. En este paso, verificaremos que la deduplicación de eventos de Facebook ha funcionado. Vaya a Test Event tool dentro de su Facebook Business Manager -> Asegúrese de que ha añadido el ID de prueba a la etiqueta de Facebook dentro del contenedor del servidor de Google Tag Manager -> Compruebe que Facebook muestra los eventos del servidor y del navegador en la herramienta de pruebas y que uno de los eventos fue deduplicado.

14. No se olvide de publicar los cambios.

ConclusiónCopie el enlace a esta sección

La API de conversión de Facebook es una solución excelente si usted desea hacer un seguimiento más preciso de los usuarios de su sitio, evitar los bloqueadores de anuncios y los PTI, y ampliar la vida útil de las cookies.  Con un método combinado de servidor y navegador, usted seguirá ejecutando los píxeles de Facebook en el navegador, haciendo que su sitio sea más pesado. Utilizando este método, usted puede estar 100% seguro de que no se perdió ningún usuario o evento en su sitio.

Si usted tiene algunas preguntas o comentarios sobre la implementación de la deduplicación de eventos de Facebook, por favor hágamelo saber en los comentarios a continuación.