02 · Instalación
Una etiqueta en el head de cada página
Pega una etiqueta en tus páginas y Tally cuenta visitas, fuentes, tiempo activo, objetivos y clics en enlaces salientes, y tiene un ID de visitante para que lo lleve tu checkout.
01La etiqueta
Una sola etiqueta <script> lo hace todo. Pesa unos 3 KB, no tiene dependencias y se carga con defer, así que nunca frena tu página:
<script defer data-site="k3xq2mfa7twp" src="https://t.tallybyoutpost.com/script.js"></script>La etiqueta propia de tu sitio está en el paso del snippet cuando añades el sitio, y en su página Setup, con su ID en data-site. Un sitio en modo sin cookies o «primero el consentimiento» lleva también su modo:
<script defer data-site="k3xq2mfa7twp" src="https://t.tallybyoutpost.com/script.js"></script><script defer data-site="k3xq2mfa7twp" data-mode="cookieless" src="https://t.tallybyoutpost.com/script.js"></script><script defer data-site="k3xq2mfa7twp" data-mode="consent" src="https://t.tallybyoutpost.com/script.js"></script>Configuración del script enumera cada atributo que lee.
02Dónde va en tu plataforma
| Plataforma | Dónde |
|---|---|
| HTML | Pégala en el <head> de cada página. |
| Next.js | En app/layout.tsx, el layout raíz: dentro de su <head>. |
| React y Vite | En index.html, dentro de <head>: todas las rutas de la app lo comparten. |
| WordPress | En el header.php de un tema clásico, justo antes de </head>, o en un plugin de código para el header. |
| Webflow | Site settings › Custom code › Head code, y después publica. |
| Framer | Site settings › General › Custom code, al final de la etiqueta <head>, y después publica. |
| Shopify | En ningún sitio a mano: la app de Tally la añade con un app embed del tema que activas en el editor de temas, sin código en el tema. La ficha de la app está en revisión. |
Una app de una sola página no necesita nada más: cada ruta a la que pasa la app es una vista de página propia.
03Qué envía
- Vistas de página: la primera cuando carga la página, y después una por cada ruta de una app de una sola página (
pushState,replaceStatey el botón Atrás). Un cambio que solo afecta a la query o al hash no es una página nueva, salvo que la etiqueta tengadata-hash. - Tiempo activo y profundidad de scroll: el tiempo cuenta mientras la página está visible y alguien la ha usado en los últimos 30 segundos. Se envía cuando la página se oculta o se abandona, y cada 30 segundos mientras sigue abierta.
- Objetivos, desde tu código o con un atributo
data-tally-goal(Objetivos e identify). - Clics en enlaces a otros sitios, enviados mientras el navegador sale de la página, sin frenar el clic.
- Un email con el que cotejar compradores, cuando tu página llama a identify.
Los eventos van en JSON a /api/event en la propia dirección del script, sin cookies. El script nunca lanza un error en tu página ni retrasa una navegación.
04Comprueba que funciona
05Lo que no puede contar
¿Falta algo o no coincide con lo que ves? Escribe a support@tallybyoutpost.com y dinos qué página.