Pixelflow
Cómo activar eventos

Cómo rastrear y activar eventos

Hay 5 formas diferentes en las que puedes rastrear y activar eventos desde tu sitio web o aplicación:

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

  2. Integraciones: Si usas Stripe o Calendly, solo tienes que usar nuestras integraciones sencillas para autosincronizar y activar eventos desde plataformas de terceros.

  3. Activadores por URL: Ideales para páginas de agradecimiento, confirmaciones de reserva y otros hitos de carga de página.

  4. Etiquetado manual con clases CSS: Mejor cuando necesitas más control, capturar datos más enriquecidos o como alternativa cuando el Visual Tagger no es la opción adecuada.

  5. API Programática: Si eres un desarrollador que busca un control granular para activar eventos a través de tu sitio web o aplicación.

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

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

Tipo de rastreo

Pros

Contras

Visual Tagger

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

  • Detecta automáticamente las secciones a rastrear

  • Puede usarse para cualquier tipo de evento

  • Podría romperse el rastreo si cambias el diseño del sitio

  • Requiere que el elemento esté 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

  • El método más preciso para eventos de compra y clientes potenciales (leads)

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

Activadores por 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 a mitad de página

  • Puede volver a activarse si un usuario regresa a la misma URL (ej. guarda tu página de agradecimiento en marcadores), aunque puedes usar reglas de bloqueo para evitar esto

Etiquetado Manual (Clases CSS)

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

  • Simple de usar y configurar

  • Soporta datos de eventos personalizados vía 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 (ej. Squarespace)

API Programática

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

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

El Visual Tagger - Úsalo para la mayoría de los rastreos de eventos

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

Funciona bien para:

  • clics en botones

  • envíos de formularios

  • suscripciones a boletines

  • formularios de clientes potenciales

  • botones de reserva y popups

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

Puede haber algunos casos excepcionales donde no funcione, en cuyo caso puedes usar las opciones de abajo.

Activador por URL - Úsalo para páginas de éxito / páginas de visualización de contenido

Activadores por URL:

  • Encajan bien para páginas como /gracias y /reserva-confirmada

  • Perfectos para activar eventos viewcontent (ej. activarlo en /tienda para que se active en todas las URL de páginas de producto que empiecen con /tienda). Consejo: Usa el Visual Tagger para configurar estas situaciones y así poder rastrear también la información del producto en las páginas

  • Sencillo 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 duplicados.

Los activadores por URL 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 tras una reserva. Si un usuario ha completado un formulario antes de llegar a tu página de éxito, obtendrás mejores resultados de rastreo monitorizando el formulario en lugar de la página de éxito.

Etiquetado manual con clases CSS - Úsalo para mayor control

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

  • capturar campos de formulario como nombre, correo, teléfono o valor

  • etiquetar componentes personalizados que necesiten un control preciso

  • rastrear elementos de eCommerce con detalles del producto

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

El etiquetado manual es más artesanal, pero te da un control más sólido sobre cómo se activan los eventos y qué datos captura PixelFlow. Es el mejor método a usar si el Visual Tagger no puede capturar los datos.

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

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

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

  • Un cliente ha realizado una compra en Stripe

  • Un cliente ha reservado una llamada contigo

Son la fuente de verdad perfecta y, con Stripe en particular, puedes enviar aún más datos junto con tu evento, ya que Stripe envía todo lo que recibió del cliente, como código postal, número de teléfono, etc.

¿Te fue útil?