Cómo realizar el seguimiento y activar eventos

Existen 5 formas diferentes de realizar el seguimiento y activar eventos desde tu sitio web o aplicación:

Etiquetador Visual: Ideal para botones, formularios, ventanas emergentes y otras interacciones en la página. Esta es la opción recomendada para la mayoría de los usuarios.
Integraciones: Si usas Stripe o Calendly, solo tienes que usar nuestras sencillas integraciones para sincronizar automáticamente y activar eventos desde plataformas de terceros.
Activadores de URL: Ideal para páginas de agradecimiento, confirmaciones de reserva y otros hitos de carga de página.
Etiquetado manual con clases CSS: Ideal cuando necesitas más control, una captura de datos más detallada o como alternativa para configuraciones donde el Etiquetador Visual no es la opción adecuada.
API programática: Si eres desarrollador y quieres un control granular de la activación de eventos a través de tu sitio web o aplicación.

Recomendación: Usa el Etiquetador Visual para la configuración más sencilla.

Comparación de las diferentes formas de activar eventos en tu sitio web

Tipo de seguimiento	Ventajas	Desventajas
Etiquetador Visual	Fácil de usar (apuntar y hacer clic) Detecta automáticamente secciones para rastrear Puede usarse para cualquier tipo de evento	Podría interrumpir el seguimiento si cambias el diseño del sitio Requiere que el elemento sea visible en la página para etiquetarlo
Integraciones	Sincronización automática de eventos (sin código) Activa eventos directamente desde la fuente y no puede ser bloqueado Enriquece los eventos con datos del cliente para una mejor calidad de coincidencia	Solo disponible para plataformas compatibles (actualmente Stripe y Calendly)
Activadores de URL	Funciona sin tocar el código o diseño de tu sitio Ideal para páginas de agradecimiento tras una compra o envío de formulario Puede extraer automáticamente información de las URL para enriquecer tus eventos	Solo funciona cuando la acción rastreada redirige a una nueva URL; menos flexible para rastrear interacciones en medio de la página Puede activarse de nuevo si un usuario vuelve a la misma URL (p. ej., marca como favorita tu página de agradecimiento), aunque puedes usar reglas de bloqueo para evitarlo
Etiquetado manual (clases CSS)	Funciona en cualquier elemento (botones, formularios, enlaces) Fácil de usar y configurar Admite datos de eventos personalizados mediante atributos (valor, moneda, ID de producto)	Requiere acceso para editar el HTML de tu sitio Un poco más complejo de configurar Algunas plataformas no admiten clases personalizadas (p. ej., Squarespace)
API programática	Control total sobre cuándo y cómo se activan los eventos Admite lógica condicional (p. ej., rastrear solo si el usuario ha iniciado sesión) Ideal para flujos de trabajo personalizados o formularios de varios pasos	Requiere conocimientos de JavaScript, más tiempo de configuración que otros métodos, no se recomienda para usuarios no técnicos

El Etiquetador Visual: Úsalo para la mayoría de los seguimientos de eventos

El Etiquetador Visual es la forma más sencilla de configurar el seguimiento de eventos en la mayoría de los sitios sin código.

Superposición del widget del Etiquetador Visual de PixelFlow en un sitio web que muestra la interfaz de apuntar y hacer clic para seleccionar elementos para el seguimiento

Funciona bien para:

clics en botones
envíos de formularios
suscripciones a boletines informativos
formularios de captación
botones de reserva y ventanas emergentes

Úsalo cuando quieras configurar el seguimiento rápidamente sin editar las clases en cada elemento.

Puede haber algunos casos excepcionales en los que no funcione, en cuyo caso puedes usar las opciones que aparecen a continuación.

Activador de URL: Úsalo para páginas de éxito o páginas de ViewContent

Panel de PixelFlow que muestra la configuración del activador de URL con un campo para introducir patrones de ruta de URL como /thank-you o /booking-confirmed

Activadores de URL:

Adecuado para páginas /thank-you y /booking-confirmed
Perfecto para activar eventos viewcontent (p. ej., activar en /shop para que se active en todas las URL de páginas de productos que comiencen por /shop). Consejo: Usa el Etiquetador Visual para la configuración en estas situaciones para poder rastrear también la información del producto en las páginas.
Fácil de configurar
Menos preciso para formularios en la página, modales o botones que no cargan una nueva URL

Si los usuarios pueden recargar o volver a visitar la página, usa las Reglas de bloqueo de eventos para reducir los duplicados.

Los activadores de URL funcionan mejor cuando una conversión finaliza en una página única, como una página de agradecimiento después de una compra o una página de confirmación después de una reserva. Si un usuario ha completado un formulario antes de llegar a tu página de éxito, obtendrás mejores resultados de seguimiento rastreando el formulario en lugar de la página de éxito.

Etiquetado manual con clases CSS: Úsalo para un mayor control

Fragmento de código HTML que muestra el atributo de clase CSS añadido a un elemento de botón con el nombre de clase de seguimiento de PixelFlow

Añadir "clases CSS" a los elementos es el método alternativo cuando el uso del Etiquetador Visual no funciona. Puedes:

capturar campos de formulario como nombre, correo electrónico, teléfono o valor
etiquetar componentes personalizados que necesiten un control preciso
rastrear elementos de comercio electrónico con detalles del producto

Es ideal si realizas cambios de diseño en tu sitio web con frecuencia, ya que es más probable que las clases permanezcan en los botones/formularios.

El etiquetado manual requiere más intervención, pero te ofrece un mayor control sobre cómo se activan los eventos y qué datos captura PixelFlow. Es el mejor método si el Etiquetador Visual no puede capturar los datos.

El etiquetado manual requiere más configuración que el Etiquetador Visual

Integraciones: Úsalas para compras en Stripe y reservas de llamadas

Página de integraciones de PixelFlow que muestra las cuentas de Stripe y Calendly conectadas para la sincronización automática de eventos desde plataformas de terceros

Nuestras integraciones ofrecen una conexión directa desde plataformas de terceros como Stripe o Calendly para que puedas activar eventos solo cuando se haya producido una acción en otro lugar. Por ejemplo:

Un cliente ha realizado una compra en Stripe
Un cliente ha reservado una llamada contigo

Las integraciones enriquecen los eventos con datos de clientes de la plataforma de origen: Stripe pasa los detalles del pago y Calendly pasa la información de la reserva, como el nombre y el correo electrónico. Esto mejora la calidad de coincidencia de eventos y ayuda a Meta a atribuir las conversiones con mayor precisión.

¿Te fue útil?