Añade el snippet a una app de React o Vite

01Dó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>

02Rutas

React Router, TanStack Router y similares cambian la dirección con la History API, y cada cambio de ruta es una vista de página. Una app cuyas rutas viven después de un # (/#/settings) necesita data-hash en la etiqueta:

<script defer data-site="k3xq2mfa7twp" data-hash src="https://t.tallybyoutpost.com/script.js"></script>

03Comprueba que funciona

04Vincula las ventas con las visitas

El backend de la app crea el checkout, así que es ahí donde va el ID del visitante: lee la cookie _tally_vid de la solicitud y pásala a tu proveedor. Cuando alguien inicie sesión, identifícalo con el email con el que paga, para que los pagos que no llevan ID también puedan cotejarse:

// Once the customer is signed in (or on your success page), with the email they pay with.
// It is hashed when it arrives; only the hash is kept.
window.tally = window.tally || function () { (tally.q = tally.q || []).push(arguments); };
tally('identify', { email: user.email });

• Stripe CheckoutEl ID del visitante en los metadatos de una Checkout Session.
• Objetivos e identifyObjetivos desde tus componentes, e identify.

05Lo que no puede ver