Add the snippet to a React or Vite app

01Where it goes

In index.html, inside <head>: every route of the app shares it.

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

02Routes

React Router, TanStack Router and the like change the address with the history API, and each change of path is a pageview. An app whose routes live after a # (/#/settings) needs data-hash on the tag:

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

03Check it worked

04Tie sales to visits

The app's backend creates the checkout, so that's where the visitor's id goes: read the _tally_vid cookie from the request and pass it to your provider. Once someone signs in, identify them with the email they pay with, so payments that carry no id can still be matched:

// 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 CheckoutThe visitor's id in a Checkout Session's metadata.
• Goals and identifyGoals from your components, and identify.

05What it can't see