Cómo Probar y Verificar tu Configuración de PixelFlow CAPI

Resumen

Después de completar tu configuración de PixelFlow, es posible que desees verificar que todo esté configurado correctamente. A continuación, se detallan varias formas de verificar tu configuración.

1. Usa el Monitor de Eventos en Tiempo Real

El Monitor de Eventos en Tiempo Real es un pequeño widget que se carga en tu sitio web y que solo tú puedes ver. Te permitirá hacer clic en cualquier elemento y ver qué evento se ha activado y qué datos se han recopilado. Lee más sobre el Monitor de Eventos en Tiempo Real aquí.

2. Revisa los Registros de Eventos de PixelFlow

En tu panel de PixelFlow, tienes acceso a los registros de eventos donde puedes ver exactamente cuándo y cómo se rastreó cada evento.

Qué buscar en los registros de eventos:

• Columna de Estado: Debería mostrar "Enviado" (marca de verificación verde) para los eventos exitosos

• Tipo de Evento: Verifica los nombres de eventos correctos (PageView, Lead, Purchase, etc.)

• URL de Seguimiento: Comprueba que las URLs coincidan con tus URLs de eventos configuradas

• Procesado el: La marca de tiempo muestra cuándo se rastreó el evento

• Pixel ID: Confirma que los eventos se envían al Meta Pixel correcto

Filtrado y análisis de tus eventos:

1. Usa el botón de Filtros para acotar los eventos por:

   • Estado (Enviado o Error)

   • Tipo de evento (Lead, Purchase, PageView, etc.)

   • URL de seguimiento

2. Ajusta el Selector de Rango de Fechas para ver eventos de diferentes períodos de tiempo (el predeterminado es los últimos 3 meses)

3. Haz clic en el botón Actualizar para ver los eventos más recientes

4. Expande cualquier fila de evento para ver la carga útil JSON completa enviada a Meta

3. Verifica los Eventos en el Administrador de Eventos de Meta

Después de confirmar que los eventos aparecen en PixelFlow, verifica que estén llegando correctamente al Administrador de eventos de Meta.

1. Ve al Administrador de eventos de Meta

2. Selecciona tu Píxel de la lista de Orígenes de datos

3. Haz clic en la pestaña Información general

4. Revisa el gráfico de actividad para ver los eventos entrantes

Lo que deberías ver:

• Eventos recientes apareciendo en la línea de tiempo de actividad

• Conteos de eventos que coinciden (o se aproximan) a lo que ves en los registros de PixelFlow

• Tanto eventos de Navegador (azul) como eventos de Servidor (verde) en el gráfico

• Eventos marcados como "Deduplicados" cuando la misma acción fue rastreada tanto por el Píxel como por la CAPI

4. Modo de Prueba de Eventos (Opcional pero Recomendado)

Para la depuración y verificación en tiempo real, utiliza la herramienta Probar eventos de Meta para observar los eventos a medida que llegan.

1. En el Administrador de eventos de Meta, selecciona tu Píxel

2. Haz clic en la pestaña Probar eventos

3. Desplázate hasta "Confirma que los eventos del servidor estén configurados correctamente"

4. Haz clic en el botón Copiar para copiar el código de evento de prueba

5. Ve a tu panel de PixelFlow y edita la configuración de tu Píxel

6. Activa el Modo de prueba y pega el código del evento de prueba en el campo Código de evento de prueba

7. Actualiza tu script en tu sitio web y vuelve a publicar

8. De vuelta en Probar eventos del Administrador de eventos de Meta, desplázate hasta "Confirma que los eventos del sitio web estén configurados correctamente"

9. Ingresa la URL de tu sitio web y haz clic en Probar eventos

10. Navega por tu sitio web en la nueva ventana del navegador que se abre

11. Regresa a la pestaña Probar eventos en el Administrador de eventos de Meta

Lo que te muestra Probar eventos:

• Los eventos aparecen en tiempo real a medida que los activas (en cuestión de segundos)

• Tanto los eventos del Navegador como los del Servidor se enumeran por separado

• El estado de deduplicación muestra qué eventos se fusionaron correctamente

• Los parámetros del evento y la calidad de los datos son visibles para cada evento

Para instrucciones detalladas de configuración, consulta nuestra guía sobre Cómo habilitar el modo de prueba de eventos de Meta.

5. Comprobar si hay Eventos Duplicados

PixelFlow carga automáticamente tu Píxel y la API de Conversiones juntos para que los eventos se envíen por ambas vías utilizando el mismo event_ID. Esto garantiza que los eventos se dedupliquen correctamente por parte de Meta.

Sin embargo, si estás ejecutando otros scripts de Facebook o cargando tu Píxel por separado, esto puede causar eventos duplicados.

Causas comunes de eventos duplicados:

• Múltiples scripts de Meta Pixel instalados: Tu sitio web tiene tanto PixelFlow como un script de Meta Pixel añadido manualmente ejecutándose simultáneamente

• Integraciones nativas de plataformas: Squarespace, Webflow u otras plataformas tienen su propia integración de Facebook Pixel habilitada junto con PixelFlow

• Seguimiento de recarga de página: Los usuarios que actualizan las páginas de agradecimiento o de confirmación de pago activan la misma conversión varias veces

• Múltiples reglas de seguimiento: El mismo evento está configurado tanto mediante una URL de seguimiento como mediante un activador basado en clases

Cómo prevenir duplicados:

• Usa solo PixelFlow para el seguimiento de Meta; no añadas el Píxel por separado

• Revisa tus registros de eventos con regularidad para verificar un seguimiento limpio

• Evita configurar el mismo tipo de evento de múltiples maneras (no uses tanto URLs de eventos como clases para el mismo disparador)

• Usa reglas de bloqueo de eventos para evitar activaciones duplicadas por actualizaciones de página

Para más detalles, consulta nuestro artículo sobre Por qué se duplican algunos eventos.

6. Verifica que la Deduplicación Esté Funcionando

PixelFlow deduplica automáticamente los eventos enviando el mismo event_id a través del navegador (Píxel) y del servidor (CAPI). Meta utiliza este ID para fusionar eventos duplicados en un solo registro.

Cómo confirmar la deduplicación:

1. En el Administrador de eventos de Meta, ve a la pestaña Información general

2. Mira el gráfico de actividad de eventos: deberías ver tanto eventos de navegador (azul) como eventos de servidor (verde)

3. Comprueba que los recuentos totales de eventos sean razonables (no el doble de lo esperado)

4. Si usas el modo Probar eventos, los eventos se marcarán explícitamente como "Deduplicados"

PixelFlow gestiona este proceso automáticamente, no se requiere configuración manual. Para más información, lee ¿PixelFlow deduplica los eventos?

7. Eliminar Scripts Antiguos de Meta Pixel

Si anteriormente tenías instalado Meta Pixel manualmente o a través de integraciones de plataforma, debes eliminarlo para evitar el seguimiento duplicado.

Para Squarespace:

1. Inicia sesión en Squarespace y ve a Páginas

2. Expande Código personalizado en la barra lateral inferior izquierda

3. Haz clic en Inyección de código

4. En la sección Encabezado, localiza y elimina cualquier código que comience con <!-- Meta Pixel Code --> o <script>!function(f,b,e,v,n,t,s)

5. Revisa también la sección Pie de página y las inyecciones de código de las páginas individuales

6. Además, ve a Configuración > Avanzado > Servicios externos

7. Si hay un ID de Facebook Pixel ingresado, elimínalo

8. Haz clic en Guardar y vuelve a publicar tu sitio

Para Framer:

1. Abre tu proyecto de Framer

2. Ve a Configuración (icono de engranaje en la parte superior derecha)

3. Selecciona General > Código personalizado

4. Busca en las secciones Inicio de la etiqueta <head> y Fin de la etiqueta <body>

5. Elimina cualquier código de Meta Pixel (comienza con !function(f,b,e,v,n,t,s))

6. Guarda los cambios y vuelve a publicar tu sitio web

Para Otras Plataformas:

• Revisa la configuración de inyección de código de tu plataforma, los scripts de encabezado/pie de página o la configuración de integraciones de terceros

• Elimina cualquier fragmento de código de Facebook/Meta Pixel

• Desactiva las integraciones nativas de Facebook Pixel si tu plataforma las ofrece

• Vuelve a publicar tu sitio web después de realizar los cambios