Cómo agregar el píxel de Meta y configurar eventos

En este artículo, aprenderás a integrar el píxel de Meta (Facebook) en distintas páginas de systeme.io y a configurar eventos.

Necesitarás:

• Una cuenta Meta Business
• Una cuenta de Meta Ads
• Una cuenta en systeme.io
• Un dominio personalizado

1. Configurar tu píxel

1.1 Ve a la configuración de Meta Business y luego haz clic en Configuración.

Ahora, haz clic en Conjunto de datos y píxeles debajo de Orígenes de datos.

Haz clic en Agregar y aparecerá una ventana emergente en donde puedes asignar el nombre de tu píxel. Una vez hayas ingresado un nombre para tu píxel, haz clic en Crear.

Aparecerá otra ventana emergente que dice: Tu píxel todavía no está listo para usarse. Puedes cerrar esa ventana, ya que primero tienes que asignar Personas y Activos a tu píxel.

1.2. Haz clic en Agregar personas, luego selecciona la cuenta de tu negocio desde la ventana emergente. Haz clic en el botón deslizante para otorgar Control total y luego haz clic en Asignar.

1.3 Una vez completado, haz clic en Conectar activos.

Aparecerá otra ventana emergente en donde solo tendrás que seleccionar la cuenta publicitaria y luego hacer clic en Agregar.

2. Instalar el píxel en tu sitio web

2.1 Haz clic en Más herramientas en el menú izquierdo y luego en Administrador de eventos.

2.2 Haz clic en tu píxel.

2.3 Haz clic en Configurar píxel de Meta.

2.4 Ahora haz clic en Instalar código manualmente debajo de la opción Agregar el código del píxel al sitio web manualmente.

Va a aparecer el código del píxel de Meta. Este se debe agregar a la sección de código de encabezado de las páginas de tu túnel. Si quieres instalar el código en todas las páginas de todos tus túneles, puedes insertarlo en el campo Código de seguimiento en la configuración de los túneles de ventas.

2.4.1. Insertar el código del píxel de Meta desde la configuración de la página de un túnel de ventas: 

Ve al editor de tu página, luego haz clic en Configuración al lado izquierdo del editor.

Luego, pega el píxel de Meta en la casilla Editar el código del encabezado en la sección seguimiento.

Por último, haz clic en Guardar arriba a la derecha de tu editor para guardar los cambios 

Nota: es importante insertar el código de tu píxel de Meta en todas las páginas de tu túnel de ventas. 

2.4.2. Agregar el código del píxel de Meta desde la configuración de los túneles de ventas

También puedes insertar el código de tu píxel de Meta en la configuración general de los túneles de venta para aplicarlo automáticamente en todos los túneles de ventas.

Haz clic en Configuración debajo de tu foto de perfil, luego en Túneles de ventas e inserta el código del píxel de Facebook en el campo código de seguimiento.

2.5. Luego de copiar el código y agregarlo a tu sitio web como se mencionó previamente, haz clic en Continuar. Tendrás la opción de activar las Coincidencias avanzadas automáticas, esto es opcional y depende de tus preferencias.

2.6 Haz clic en Continuar para proceder.

Cuando el código del píxel de Meta esté instalado en tu sitio web, márcalo como terminado (ícono verde).

Ahora puedes configurar eventos en tu sitio web al hacer clic en configurar eventos.

La herramienta de configuración de eventos no siempre funciona y en este ejemplo, agregaremos manualmente el código del evento al Código del píxel de Meta.

2.7 Para la opción manual, haz clic en Instalar usando código en la ventana emergente que aparece.

En este ejemplo, solo usaremos el evento Ver contenido.

Agrégalo a la configuración de tus túneles.

2.8. Ahora tendrás que verificar tu dominio, dirigiéndote a Seguridad e idoneidad de la marca > Dominios. Haz clic Agregar. Ingresa tu dominio y luego de nuevo haz clic en Agregar.

Recibirás una metaetiqueta que debe ser agregada al código de encabezado de tu página o a la configuración de tus túneles de ventas debajo del código del píxel de Meta (asegúrate de dejar un espacio entre ellos).

Una vez agregado el código, ve a Meta y haz clic en Verificar dominio.

3. Comprueba la instalación

Ahora que tu píxel ha sido configurado e instalado, puedes probarlo para ver si está funcionando.

Haz clic en Probar eventos, ingresa la URL de tu sitio web en el campo abajo señalado y haz clic en Probar eventos

La página de Probar eventos debería mostrar los eventos de las acciones que realizaste en tu sitio web.

4. Deduplicación de eventos en Meta (Pixel y CAPI)

Gracias a la deduplicación del seguimiento entre la API de Conversiones (CAPI) de Meta y el píxel, ahora puedes evitar fácilmente el conteo doble de eventos entre el navegador (píxel) y el servidor (CAPI). Cuando el mismo evento se envía a través de estos dos canales, Meta identifica los duplicados con un identificador único (eventID), los fusiona automáticamente y asegura la precisión de las estadísticas.

¿Cómo se implementa la deduplicación?

Para activar la deduplicación, asegúrate de que tanto la API de Conversiones (CAPI) de Meta como el píxel estén implementados correctamente. Si aún no has configurado la CAPI, consulta esta guía: Cómo configurar la API de conversiones de Facebook en systeme.io.

Para los usuarios que ya han implementado la CAPI, la deduplicación sucederá automáticamente al seleccionar el tipo de evento desde el menú desplegable. Sin embargo, el código del píxel se debe actualizar para incluir el placeholder del ID del evento. Para cada evento al que se le haga seguimiento, el respectivo placeholder/variable del ID del evento debe ser agregado para asegurar una apropiada deduplicación.

¿Qué es el ID de un evento?

El ID de un evento es un identificador único, generado por cada evento de conversión (como una compra o un registro).

Permite que Meta (Facebook) evite contar el mismo evento dos veces cuando es enviado tanto por el píxel (navegador) como por la API de conversiones (CAPI).

• El ID del evento se envía automáticamente a través de la CAPI.
• En el píxel, necesitas agregar automáticamente este identificador en el código de seguimiento usando los placeholders suministrados por systeme.io.

Estos son ejemplos de eventos comunes:

• Compra: fbq('track', 'Purchase', {}, {eventID: '%FACEBOOK_PURCHASE_EVENT_ID%'});   
• Cita: fbq('track', 'Schedule', {}, {eventID: '%FACEBOOK_EVENT_ID%'});               
• Ver contenido: fbq('track', 'ViewContent', {}, {eventID: '%FACEBOOK_EVENT_ID%'});            
• Cliente potencial: fbq('track', 'Lead', {}, {eventID: '%FACEBOOK_NEW_LEAD_EVENT_ID%'});         

Importante:

• Estos eventos están listos para usar. Simplemente tienes que copiarlos y pegarlos tal cual, dependiendo del evento al que deseas hacer seguimiento.
• Los placeholders (%FACEBOOK_EVENT_ID%  ) serán reemplazados automáticamente con los identificadores reales al momento de la conversión.

A continuación encuentras un ejemplo ilustrando la configuración de la deduplicación de un evento ver contenido usando el píxel de Meta:

1. Selecciona el identificador del evento respectivo: escribe el placeholder del evento para generar un Event ID   único. Esto le permite a Meta reconocer y fusionar eventos enviados tanto por el píxel como por la API de conversiones (CAPI). Este identificador es único para cada evento y se genera automáticamente cuando el placeholder o la variable se inserta. El placeholder garantiza que el valor sea reemplazado dinámicamente con el ID del evento real en Meta cuando el píxel se carga.

2. Agrega el ID del evento al código del píxel:  así es como se envía el evento ver contenido con el identificador único:

3. Verificación:

Para hacer seguimiento al píxel, visita la página para asegurarte de que eventos como "ver contenido" se activan correctamente con elEvent ID  asociado. La extensión Facebook Pixel Helper te ayudará a verificar que el píxel está capturando los eventos según lo esperado.

Para hacer seguimiento al CAPI, el usuario debe navegar en tu sitio web para activar los eventos a nivel del servidor.

• En el caso de Ver contenido o de Detección de lead, simplemente visita la página que activará el evento.
• Para los eventos Comprar, una compra de prueba se debe realizar para capturar los valores del monto de la compra.
• Tanto los eventos del CAPI como los del píxel se pueden ver en el administrador de eventos de Meta para confirmar que están siendo rastreados correctamente y la deduplicación funciona como se esperaba.

Nota: asegúrate de usar el placeholder exacto {{FACEBOOK_EVENT_ID}} y systeme.io lo completará automáticamente con el ID único de Meta.

Al seguir este ejemplo, activas la deduplicación entre el píxel y la CAPI, evitando duplicaciones y garantizando datos de conversión precisos para tus campañas.

Seguimiento al monto de compra con la CAPI

Para hacer seguimiento al monto de compra usando la CAPI, sigue estos pasos:

• Usa el tipo de evento comprar
• Captura el monto de la compra junto con la moneda.
• Si es un producto físico, toma la moneda del producto.
• Si es una oferta digital o una suscripción, toma la moneda del precio.

Hacer seguimiento a los order bumps y a las upsells por separado

Los usuarios usualmente preguntan si a los order bumps y a las upsells se les puede hacer seguimiento por separado desde el evento principal de compra. Así es como funciona:

• El valor total del pedido, incluyendo las upsells, se envían en el momento del evento de compra
• Los order bumps y las upsells usualmente se agregan como productos digitales, similares a la oferta principal.
• La CAPI en la página de agradecimiento detectará todas las compras previas (oferta principal, order bumps y upsells) automáticamente.

Notas:

1. CAPI hace seguimiento al valor total del pedido, incluyendo todas las upsells y bumps,  siempre y cuando hayan hecho parte del pedido en el momento del evento.
2. Implementar CAPI en la página de agradecimiento asegura que todas las compras (oferta principal, order bumps y upsells) sean registradas en un evento.