Seguimiento de conversiones de Trackboxx

Con el seguimiento de conversiones de Trackboxx, puedes medir las acciones que realizan los visitantes en tu sitio web, por ejemplo, clics en enlaces importantes, formularios enviados o visitas a determinadas páginas.
Estos datos te ayudan a evaluar con precisión el éxito de tus medidas de marketing y de tu sitio web.

¿Qué tipos de conversiones puede registrar Trackboxx?

Trackboxx admite los siguientes eventos:

• Clics en enlaces, botones o entradas de menú
• Visitas a determinadas páginas (por ejemplo, una página de agradecimiento)
• Envío de formularios
• Eventos JavaScript propios

Cada transacción se muestra en el panel de control con los siguientes datos:

• Nombre del proyecto objetivo
• Número de disparos
• Valor (opcional)
• Tasa de conversión en el periodo seleccionado

1. Crear conversión

Así es como se crea un nuevo objetivo:

1. Haz clic en la rueda dentada situada en la parte superior derecha.
2. Selecciona páginas web
3. Selecciona la página web y haz clic en Objetivos
4. Haz clic en Crear proyecto objetivo
5. Asigna nombre y descripción
6. Recibirás un código como este:

Este ID básico se integrará posteriormente en los ejemplos de código correspondientes.

2. Seguimiento de clics

Puedes realizar un seguimiento de los clics de diferentes maneras.
Trackboxx recomienda la Variante JavaScript, ya que es más estable, flexible y compatible con el RGPD.

2.1 Seguimiento de clics mediante JavaScript

a) Seguimiento mediante un ID CSS

<a href="/contacto/" id="enlace de contacto">Póngase en contacto con nosotros</a>
Lenguaje del código: HTML, XML (xml)

Código de seguimiento:

<script>
documento.getElementById(enlace de contacto).addEventListener(clic, () => { trackboxx(trackGoal', 'TU ID');
});
</script>
Lenguaje del código: HTML, XML (xml)

b) Seguimiento mediante una clase CSS

<script>
documento.querySelector('.enlace-contacto').addEventListener(clic, () => { trackboxx(trackGoal', 'TU ID');
});
</script>Lenguaje del código: HTML, XML (xml)

⚠️ Nota:
querySelector() rastrea solo el primer elemento con esta clase.

Para varios elementos a la vez:

<script>
documento.querySelectorAll('.enlace-contacto').forEach(el => { el.addEventListener(clic, () => { trackboxx(trackGoal', 'TU ID');
    });
});
</script>
Lenguaje del código: HTML, XML (xml)

2.2 Seguimiento de clics con redireccionamiento inmediato (enlaces externos, descargas, correo electrónico, teléfono)

Si un enlace lleva a la página se marcha inmediatamente, el navegador a veces no puede enviar el seguimiento a tiempo.

Solución:
► Retrasar brevemente el reenvío y solo después del seguimiento ejecutar.

Ejemplo:

<script>
documento.querySelectorAll('.enlace externo').forEach(el => { el.addEventListener(clic, (e) => { e.preventDefault(); trackboxx(trackGoal', 'TU ID'); setTimeout(() => {
      ventana.location = el.href; }, 150);
  });
});
</script>
Lenguaje del código: HTML, XML (xml)

Recomendado para:

• enlaces externos
• Descargas en PDF
• Enlaces Mailto
• Enlaces telefónicos
• Enlaces de afiliados

2.3 Seguimiento de clics mediante HTML en línea (onclick)

Este método funciona, pero no es óptimo:

<a href="/contacto/" onclick="trackboxx('trackGoal', 'TU-ID');">Póngase en contacto con nosotros</a>
Lenguaje del código: HTML, XML (xml)

⚠️ Desventajas:

• más difícil de mantener
• A menudo se sobrescribe con los creadores de páginas.
• técnicamente incorrecto

Recomendación: JavaScript en lugar de inline.

3. Visitas a la página (conversiones de visitas a la página)

Para medir la frecuencia con la que se visita una página determinada:

<script>
documento.addEventListener('DOMContentLoaded', () => { trackboxx(trackGoal', 'TU ID');
});
</script>
Lenguaje del código: HTML, XML (xml)

Ideal para:

• Páginas de agradecimiento
• Confirmaciones de pedido
• Páginas enviadas con éxito

4. Seguimiento de formularios

Hay tres formas:

4.1 Supervisar formulario a través de onsubmit (si es posible acceder)

<formulario onsubmit="trackboxx('trackGoal', 'TU-ID');">
Lenguaje del código: HTML, XML (xml)

Fácil: funciona en cualquier lugar donde se pueda editar HTML.

4.2 Seguimiento del envío de formularios mediante JavaScript

Si se necesita eventListener:

<script>
documento.querySelector('Formulario de contacto #').addEventListener('enviar', () => { trackboxx(trackGoal', 'TU ID');
});
</script>
Lenguaje del código: HTML, XML (xml)

4.3 Sistemas de formularios con lógica de éxito propia (por ejemplo, generadores inteligentes)

<script>
sk(formulario, init, {
  onSuccess: función() { trackboxx(trackGoal', 'TU ID');
  }
});
</script>
Lenguaje del código: HTML, XML (xml)

→ Correcto para herramientas que tienen su propio gancho „success“.

4.4 Seguimiento a través de la página de agradecimiento (reserva)

Si nada de esto funciona:

1. Formulario enviado correctamente
2. Redireccionar a una nueva página (por ejemplo, /gracias/)
3. Utilizar el código de seguimiento de visitas en esta página

Esa es la solución más universal.

5. Seguimiento específico de WordPress

5.1 Seguimiento de clics en menús mediante clase CSS

La entrada del menú de WordPress recibe, por ejemplo:

Clase CSS: nuevo aquí
Lenguaje del código: HTTP (http)

Seguimiento:

<script>
documento.querySelector('.nuevo-aquí').addEventListener(clic, () => { trackboxx(trackGoal', 'TU ID');
});
</script>
Lenguaje del código: HTML, XML (xml)

Generador automático de códigos de conversión

// Introduce primero tu ID de conversión.

Artículos relacionados:

Seguimiento de Google Ads / Facebook Ads mediante UTM En este artículo te mostramos cómo puedes realizar un seguimiento y evaluar tus campañas de pago en Google o Meta/Facebook con Trackboxx.