Pixelflow
Cómo activar eventos

Cómo hacer seguimiento y activar eventos

Hay 5 formas diferentes de hacer seguimiento y activar eventos desde tu sitio web o app:

  1. Visual Tagger: La mejor opción para botones, formularios, pop-ups y otras interacciones en la página. Esta es la opción recomendada para la mayoría de los usuarios.

  2. Integrations: Si usas Stripe o Calendly, solo usa nuestras sencillas integraciones para sincronizar automáticamente y activar eventos desde plataformas de terceros

  3. URL Triggers: La mejor opción para páginas de agradecimiento, confirmaciones de reserva y otros hitos de carga de página

  4. Manual tagging with CSS classes: La mejor opción cuando necesitas más control, una captura de datos más detallada o un recurso alternativo para configuraciones en las que Visual Tagger no es la opción adecuada.

  5. Programmatic API: Si eres desarrollador y buscas un control preciso sobre la activación de eventos a través de tu sitio web o app.

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

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

Tipo de seguimiento

Ventajas

Desventajas

Visual Tagger

  • Fácil de usar (apuntar y hacer clic)

  • Detecta automáticamente las secciones que se van a rastrear

  • Se puede usar para cualquier tipo de evento

  • Podría romper el seguimiento si cambias el diseño del sitio

  • Requiere que el elemento sea visible en la página para etiquetarlo

Integrations

  • Sincronización automática de eventos (sin código)

  • Activa eventos directamente desde la fuente y no se puede bloquear

  • Enriquece los eventos con datos de clientes para una mejor calidad de coincidencia

  • Solo está disponible para plataformas compatibles (actualmente Stripe y Calendly)

URL Triggers

  • Funciona sin tocar el código ni el diseño de tu sitio

  • Ideal para páginas de agradecimiento después de una compra o el envío de un formulario

  • Puede extraer automáticamente información de las URLs para enriquecer tus eventos

  • Solo funciona cuando la acción rastreada redirige a una nueva URL, menos flexible para rastrear interacciones dentro de la página

  • Puede activarse de nuevo si un usuario vuelve a la misma URL (por ejemplo, guarda tu página de agradecimiento en favoritos), aunque puedes usar blocking rules para evitarlo

Manual Tagging (CSS Classes)

  • Funciona en cualquier elemento (botones, formularios, enlaces)

  • Fácil de usar y de configurar

  • Admite datos de eventos personalizados mediante atributos (valor, moneda, ID de producto)

  • Requiere acceso para editar el HTML de tu sitio

  • Requiere un poco más de complejidad para configurarlo

  • Algunas plataformas no admiten clases personalizadas (por ejemplo, Squarespace)

Programmatic API

  • Control total sobre cuándo y cómo se activan los eventos

  • Admite lógica condicional (por ejemplo, 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 recomendado para usuarios no técnicos

The Visual Tagger - Use for Most Event Tracking

The Visual Tagger 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 PixelFlow Visual Tagger en un sitio web que muestra una interfaz de apuntar y hacer clic para seleccionar elementos que se van a rastrear

Funciona bien para:

  • clics en botones

  • envíos de formularios

  • registros en boletines

  • formularios de captación de leads

  • botones de reserva y pop-ups

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

Puede haber algunos casos límite en los que no funcione; en ese caso, puedes usar las opciones de abajo.

URL Trigger - Use for Success Pages / ViewContent Pages

URL Triggers (set up from Track more events → When a page loads):

  • Funciona bien para páginas /thank-you y /booking-confirmed

  • Perfecto para activar eventos viewcontent (por ejemplo, activar en /shop para disparar en todas las URLs de páginas de producto que empiecen por /shop) Consejo: usa Visual Tagger para configurarlo en estas situaciones, así también podrás rastrear información del producto en las páginas

  • Fácil de configurar

  • Menos preciso para formularios, modales o botones en la página que no cargan una nueva URL

Si los usuarios pueden recargar o volver a visitar la página, usa Event Blocking Rules para reducir duplicados.

URL Triggers funcionan mejor cuando una conversión termina 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 completó 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.

Manual Tagging with CSS Classes - Use For More 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

Agregar "CSS classes" a los elementos es el método alternativo cuando usar Visual Tagger no funciona. Puedes:

  • capturar campos de formularios como nombre, correo electrónico, teléfono o valor

  • etiquetar componentes personalizados que necesitan un control preciso

  • rastrear elementos de comercio electrónico con detalles de producto

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

La etiquetación manual es más práctica, pero te ofrece un control más sólido sobre cómo se activan los eventos y qué datos captura PixelFlow. Es el mejor método para usar si Visual Tagger no puede capturar los datos.

La etiquetación manual requiere más configuración que Visual Tagger

Integrations - Use for Stripe Purchases & Call Bookings

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

Nuestras integrations ofrecen una conexión directa desde plataformas de terceros como Stripe o Calendly, para que puedas activar eventos solo cuando una acción haya ocurrido 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 desde la plataforma de origen: Stripe transmite los detalles de pago y Calendly transmite información de la reserva, como nombre y correo electrónico. Esto mejora la event match quality y ayuda a Meta a atribuir las conversiones con mayor precisión.

¿Te fue útil?