Integraciones · Plataformas web
Apps de React y Vite: una etiqueta en index.html.
Una app de una sola página comparte un único index.html, así que una etiqueta cubre todas las rutas, y los cambios del historial cuentan como vistas de página. Los objetivos llegan de llamadas a tally() en tus componentes; los ingresos, del proveedor que conectes.
14 días gratis, sin tarjeta.
01Lo que mide Tally
- Cada cambio de ruta como vista de página, desde la History API, sin plugin de router.
- Objetivos desde tally('goal_name', props) en tu código, y atributos data-fast-goal en los elementos.
- Tiempo activo y profundidad de scroll, contados por ruta.
02De dónde vienen los ingresos
- Checkout desde tu backendTu API lee la cookie _tally_vid y la pasa a los metadatos o a los datos personalizados del checkout. La página Coverage tiene snippets para Node, Python, Ruby y PHP.
- IdentifyTras el inicio de sesión, tally('identify', { email }) permite que los pagos posteriores se vinculen por email, con confianza media.
03Lo que no puede leer
- Una compra que ocurre solo dentro del estado de la app, sin un pago de un proveedor conectado, no cuenta como ingresos.
- Las rutas que viven en el hash (#/settings) no cuentan como páginas, salvo que la etiqueta lleve data-hash.
- Las versiones móviles nativas de la app no cargan la etiqueta, así que solo se cuenta la app web.
04Añadir el snippet
Dónde va: En index.html, dentro de <head>: todas las rutas de la app lo comparten.
<script defer data-site="k3xq2mfa7twp" src="https://t.tallybyoutpost.com/script.js"></script>Esta es la etiqueta de un sitio de ejemplo. La tuya, con el ID de tu sitio, está en el paso del snippet al añadir un sitio y en su página Setup.
- Pega la etiqueta dentro del head de index.html.
- Ejecuta la app y ábrela: la comprobación en directo se pone en verde con la primera visita, salvo que sea desde localhost sin data-allow-localhost.
- Pasa el ID del visitante a tu checkout desde el backend, y llama a identify tras el inicio de sesión.
05Preguntas
¿Necesito una integración con el router?
No. La etiqueta sigue la History API, que usan React Router y otros routers, así que cada navegación cuenta sin plugin.
¿Cómo envío un objetivo desde un componente?
Llama a tally('signup', { plan: 'pro' }) donde ocurra. Con el stub de cola de una línea en tu página, las llamadas hechas antes de que cargue la etiqueta esperan y salen tras la primera vista de página.
¿El servidor de desarrollo de Vite cuenta visitas?
No, salvo que la etiqueta tenga data-allow-localhost, así que el desarrollo queda fuera de tus cifras.