HTML y otras plataformas

El fragmento de alloop antes de cerrar el head, en cualquier web donde puedas editar la plantilla. Webflow, Framer, Astro, Next.js o HTML a mano.

Si tu web no es WordPress, la instalación es la misma idea: el fragmento va en el <head> de todas las páginas. Lo que cambia es dónde se pega en cada plataforma.

El fragmento

Antes de cerrar </head>

<script
  defer
  data-client="tu-academia"
  src="https://track.alloop.ch/static/alloop.js"
></script>

data-client es el identificador de tu academia, que te damos al montar tu cuenta. defer hace que no bloquee el pintado de la página.

Webflow, Framer y Squarespace tienen un campo de código global. Busca Project Settings → Custom Code → Head Code (Webflow), Site Settings → General → Custom Code (Framer) o Ajustes → Avanzado → Inyección de código (Squarespace).

Úsalo en lugar de pegarlo página a página: así entra también en las páginas que crees dentro de seis meses, cuando ya no te acuerdes de esto.

Comprueba que se está sirviendo

Mira el HTML que recibe el visitante, no el editor de tu plataforma:

for u in / /cursos/ /gracias/; do
  printf '%s → ' "$u"
  curl -s "https://tudominio.com$u" | grep -c 'alloop.js'
done
# 1 en todas = cobertura correcta

Presta atención al checkout y a la página de gracias: son las dos que más se olvidan y las dos donde ocurre la conversión.

Captura tus formularios

El fragmento mide visitas; los formularios se envían aparte. En el submit:

document.querySelector('#form-plaza').addEventListener('submit', () => {
  alloop.form({
    name:  'Nombre de la persona',
    email: 'su@email.com',
    phone: '+34600000000',
    form:  'Solicitar plaza — A1',   // para distinguirlos en el panel
  });
});

No llames al endpoint por tu cuenta

Un fetch propio parece equivalente y no lo es: pierdes la atribución de primer toque, pierdes keepalive (la petición muere al cambiar de página) y pierdes el identificador que evita que Meta cuente el mismo lead dos veces. Usa alloop.form().

Conecta tu pasarela de pago

Es el paso que hace llegar las ventas y no solo las visitas: Stripe o WooCommerce.

Cómo sabes que funciona

Entra desde un enlace marcado y compra con un nombre reconocible como test-alloop. En unos minutos la venta aparece en tu panel con importe y origen. Hasta que no la veas ahí, no está.

Si acabas de crear tu cuenta

Un proyecto nuevo tarda unos 25 minutos en empezar a ingerir, y durante esa ventana todo responde bien pero los eventos se descartan. Reintenta antes de tocar el fragmento.

Errores comunes

Síntoma	Causa probable	Arreglo
Solo la portada registra visitas	El fragmento está en una página, no en la plantilla compartida	Muévelo al layout base
Está en el HTML pero no mide	Pegado dentro del `<body>` sin ejecutarse, o duplicado	Una sola vez, en el `<head>`
Las visitas llegan sin origen	Los enlaces se repartieron sin etiquetas	Marcar enlaces
En Next.js se pierden rebotes rápidos	Estrategia `lazyOnload`	Cambia a `afterInteractive`

Si tu plataforma no deja editar el head global

Algunos constructores muy cerrados solo dejan tocar la portada. Dinos cuál usas: casi siempre hay una vía (una plantilla global, un contenedor de scripts) y te decimos la buena.

Siguiente paso

Conecta tu forma de cobrar en Ingresos y marca tus enlaces en Marcar enlaces.