01 · Primeros pasos
Empieza en cuatro pasos
Desde el registro hasta una venta que puedes rastrear hasta su visita. Cada paso dice qué hacer, qué verás y cómo comprobar que funcionó.
Paso 1: Crea tu cuenta y añade tu sitio
Qué hacer
Regístrate con tu nombre, tu email y una contraseña. 14 días gratis, sin tarjeta.
Abre el enlace del email que te enviamos y pulsa Confirm.
Añade tu primer sitio: su nombre, su dominio (también se cuentan sus subdominios) y cómo se cuentan sus visitantes.
Modo Qué hace Cookie Una cookie propia reconoce a los visitantes que vuelven de un día para otro. Sin cookies Sin cookie. Cada visitante se cuenta una vez al día. Primero el consentimiento Sin cookies hasta que tu banner informa del consentimiento; después, una cookie. ¿No lo tienes claro? El modo cookie es el que más muestra. En la UE y el Reino Unido, una cookie que no es estrictamente necesaria suele requerir consentimiento, y eso es lo que pide el modo «primero el consentimiento». Cómo se diferencian los modos.
Lo que verás
Los pasos de la configuración, en la parte superior: Your site, The snippet, Payments. Puedes salir en cualquier paso; al volver a iniciar sesión, vuelves a él.
Comprueba que funciona
La página siguiente es Add the snippet to yoursite.com, con la etiqueta propia de tu sitio. La etiqueta también queda en la página Setup del sitio.
Paso 2: Añade el script
Qué hacer
Pega la etiqueta en el <head> de cada página. Se carga con defer, así que nunca frena tu página. Elige tu plataforma:
<script defer data-site="k3xq2mfa7twp" src="https://t.tallybyoutpost.com/script.js"></script>Pégala en el <head> de cada página.
<head>
<script defer data-site="k3xq2mfa7twp" src="https://t.tallybyoutpost.com/script.js"></script>
</head>En app/layout.tsx, el layout raíz: dentro de su <head>.
<script defer data-site="k3xq2mfa7twp" src="https://t.tallybyoutpost.com/script.js"></script>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>En el header.php de un tema clásico, justo antes de </head>, o en un plugin de código para el header.
<script defer data-site="k3xq2mfa7twp" src="https://t.tallybyoutpost.com/script.js"></script>Site settings › Custom code › Head code, y después publica.
<script defer data-site="k3xq2mfa7twp" src="https://t.tallybyoutpost.com/script.js"></script>Site settings › General › Custom code, al final de la etiqueta <head>, y después publica.
<script defer data-site="k3xq2mfa7twp" src="https://t.tallybyoutpost.com/script.js"></script>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.
Esta es la etiqueta de un sitio de ejemplo: la tuya lleva el ID de tu sitio. Cada plataforma tiene su propia página.
Lo que verás
La página espera la primera visita y después dice de dónde vino:
It works. Receiving visits.
First visitor: Berlin · Chrome on macOS · from x.com
The live check on yoursite.com's Setup page
Comprueba que funciona
Abre tu sitio en un navegador mientras la página está abierta: lo comprueba cada 2 segundos. En las herramientas para desarrolladores del navegador, la pestaña Network muestra una solicitud a /api/event por cada página, respondida con 202.
¿Sigue esperando? Una visita desde tu propio equipo solo cuenta con data-allow-localhost (probar en localhost), y un bloqueador de anuncios puede frenar el script (sírvelo desde tu dominio). No aparece nada recoge el resto.
Paso 3: Conecta los pagos
Qué hacer
Elige el proveedor con el que vendes. Creas una clave que solo puede hacer lo que Tally necesita, y la pegas:
| Proveedor | Qué pegas |
|---|---|
| Stripe | Una clave restringida que solo puede leer tus pagos. |
| Paddle | Paddle Billing: una clave de API con permisos de lectura. |
| Lemon Squeezy | Una clave de API, creada solo para Tally. |
| Polar | Un token de acceso de organización con ámbitos de lectura. |
| WooCommerce | La dirección de tu tienda y una clave de la API REST. |
| Squarespace | El botón Connect with Squarespace o una clave de API por sitio. |
| Cualquier otro | Envía cada pago desde tu servidor con una clave de API que pueda registrar pagos. |
La página de cada proveedor indica los permisos que hay que dar a la clave y dónde crearla.
Lo que verás
Tally comprueba la clave con llamadas reales y nombra cualquier permiso que falte. Después añade su propio webhook, para que los pagos nuevos lleguen en cuanto ocurren, e importa los últimos 365 días, mostrando cuánto lleva.
Comprueba que funciona
El proveedor aparece como conectado en la página Integrations, con cuántos pagos ha leído y cuándo llegó el último. Los pagos pasados aparecen en Sales a medida que se importan.
La importación trae el historial. Para vincular las ventas que vengan después con la visita que las generó, tu checkout lleva el ID del visitante. La página de tu proveedor tiene el código:
- Stripe CheckoutPasa el ID del visitante cuando tu servidor crea una Checkout Session.
- Stripe Payment LinksEl snippet etiqueta por sí solo los enlaces de
buy.stripe.com. - PaddleEl ID del visitante en
customDatadonde Paddle.js abre el checkout. - Lemon SqueezyEl ID del visitante como datos personalizados en los enlaces de compra.
- PolarEl ID del visitante en los metadatos, o como
reference_idde un enlace de checkout. - WooCommerceEl snippet en la página de pedido recibido, y nada más.
- SquarespaceEl snippet y las líneas de estado del pedido, en Code Injection.
Paso 4: Mira tu primer comprobante y la cobertura
Qué hacer
Abre Sales y elige un pago. Después abre Coverage and fixes.
Lo que verás
Cada pago se despliega en su comprobante: la primera visita del comprador, la visita a la que se atribuye la venta, lo que vinculó el pago con ese navegador y el pago, cada uno con un ID que puedes buscar en tu proveedor. Cuando nada vincula una venta, el comprobante dice por qué.
$49.00
How this payment was tied to a visitor
- First visitgoogle.com · Nov 2
- Credited visitx.com · Nov 5
- Linked by checkout metadata
metadata.tally_visitor_id - PaymentStripe · Nov 5
Checkout metadata · High confidence
La cobertura es la proporción de ventas vinculadas a un visitante, con un arreglo para cada tipo que no lo está y el código que hay que añadir:
82% of the last 30 days' sales are linked to a visitor.
Comprueba que funciona
Haz una compra de prueba desde un navegador que haya visitado tu sitio (una clave en modo de prueba ve los pagos de prueba). En más o menos un minuto, su comprobante dice Linked by checkout metadata, o el método propio de tu checkout, con confianza High.
Cuatro palotes y el quinto cruzado: así se lleva la cuenta.
- Objetivos e identifyCuenta registros y otros momentos, y coteja clientes por email.
- Modos de privacidad y consentimientoQué guarda cada modo y cómo el modo de consentimiento escucha a tu banner.
- Servirlo desde tu dominioSirve el script desde tu propio dominio.
- API RESTLee las mismas cifras desde tu propio código.
¿Falta algo o no coincide con lo que ves? Escribe a support@tallybyoutpost.com y dinos qué página.