Ajouter le snippet à une application React ou Vite

01Où la placer

Dans index.html, à l’intérieur du <head> : toutes les routes de l’application le partagent.

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

02Routes

React Router, TanStack Router et consorts changent l’adresse avec l’API History, et chaque changement de chemin est une page vue. Une application dont les routes se trouvent après un # (/#/settings) a besoin de data-hash sur la balise :

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

03Vérifier que ça marche

04Lier les ventes aux visites

C’est le backend de l’application qui crée le paiement : c’est donc là que va l’identifiant du visiteur. Lisez le cookie _tally_vid dans la requête et transmettez-le à votre prestataire. Dès que quelqu’un se connecte, identifiez-le par l’e-mail qu’il utilise pour payer, pour que les paiements sans identifiant puissent tout de même être rapprochés :

// 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 CheckoutL’identifiant du visiteur dans les métadonnées d’une session Checkout.
• Objectifs et identifyLes objectifs depuis vos composants, et identify.

05Ce qui n’est pas vu