Stape

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

Autor
Stape
Publicado
March 12, 2021
También disponible en

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. Vaya a su contenedor web de Google Tag Manager e importe la variable que acaba de descargar. Haga clic en “Templates -> New (dentro de Variable Templates) -> haga clic en los tres puntos de la esquina superior derecha -> import -> elija variable -> Cuando haya terminado, haga clic en Save.”

template variable configuration import
variable templates

4. Añada esta variable a todos los eventos de Facebook que tenga dentro del contenedor web. Hay dos formas de añadir esta variable: utilizando una plantilla personalizada para etiquetas FB y añadiendo etiquetas FB como HTML personalizado.

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.”

facebook tag

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}}’ 

custom html
!

Siga los siguientes pasos si utiliza Universal Analytics. Si utiliza GA4, por favor, desplácese hasta el paso 9​

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.

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.

tag details special parameters
event id

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.

facebook event id
facebook event id

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.

property value
!

Los siguientes pasos son para configurar el ID de evento a través de GA4. Si utiliza Universal Analytics, por favor proceda al paso 13​

9. Configuraremos una etiqueta GA4 para pasar el ID del evento al contenedor del servidor de Google Tag Manager. Si su etiqueta de servidor de Facebook se basa en los eventos de GA4, debe añadir el ID de los eventos de Facebook a las etiquetas de GA4 dentro del contenedor web. En este ejemplo, enviaré un ID de evento dentro del parámetro del evento GA4 para el evento page_view. Pero para hacer eso usted necesita estar seguro de que el evento page_view no se envía con la etiqueta de configuración GA4. Si usted envía un evento page_view con una etiqueta de configuración GA4, por favor edite su etiqueta y desmarque esta marca.

Cree o utilice su etiqueta de evento GA4 existente dentro del contenedor web -> Event Parameters -> Añada event_id como Parameter name y seleccione Event ID variable como valor. Además, compruebe qué trigger utiliza para la etiqueta page_view. Debe ser DOM Ready o Window Loaded. No puede utilizar el mismo trigger para la etiqueta de configuración GA4 y la etiqueta de evento GA4 para una correcta configuración de deduplicación de eventos. Recuerde que siempre debe utilizar el mismo trigger para la etiqueta de Facebook y GA4.

tag configuration

Añada el ID del evento de Facebook a todas las etiquetas de eventos GA4 que usted quiera 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, publica 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.

variable configuration

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 la variable de 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.

server event data override

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.

variable event id
tag details

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.     

test your events pageview

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. 

Etiquetado con:Facebook

Aloje su servidor GTM en Stape

Al registrarse, usted acepta Terms and Conditions y Privacy Policy de Stape