Intégrations · Plateformes de site
Apps React et Vite : une balise dans index.html.
Une application monopage partage un seul index.html : une balise couvre donc toutes les routes, et les changements d’historique comptent comme pages vues. Les objectifs viennent d’appels tally() dans vos composants ; les revenus, du prestataire que vous connectez.
14 jours gratuits, sans carte bancaire.
01Ce que Tally mesure
- Chaque changement de route comme une page vue, via l’API History, sans plugin de routeur.
- Les objectifs issus de tally('goal_name', props) dans votre code, et d’attributs data-fast-goal sur les éléments.
- Le temps actif et la profondeur de défilement, comptés par route.
02D’où viennent les revenus
- Paiement depuis votre backendVotre API lit le cookie _tally_vid et le transmet dans les métadonnées ou les données personnalisées du paiement. La page Coverage donne des snippets pour Node, Python, Ruby et PHP.
- IdentificationAprès la connexion, tally('identify', { email }) permet aux paiements suivants de se lier par e-mail, avec une confiance moyenne.
03Ce qu’il ne peut pas lire
- Un achat qui n’existe que dans l’état de l’app, sans paiement d’un prestataire connecté, n’est pas un revenu.
- Les routes dans le hash (#/settings) ne sont pas comptées comme pages, sauf si la balise porte data-hash.
- Les versions mobiles natives de l’app ne chargent pas la balise : seule l’app web est comptée.
04Ajouter le snippet
Où le placer : Dans index.html, à l’intérieur de <head> : toutes les routes de l’app le partagent.
<script defer data-site="k3xq2mfa7twp" src="https://t.tallybyoutpost.com/script.js"></script>Voici la balise d’un site d’exemple. La vôtre, avec l’identifiant de votre site, se trouve à l’étape du snippet quand vous ajoutez un site, et sur sa page Setup.
- Collez la balise dans le head de index.html.
- Lancez l’app et ouvrez-la : la vérification en direct passe au vert dès la première visite, sauf si elle vient de localhost sans data-allow-localhost.
- Transmettez l’identifiant du visiteur à votre paiement depuis le backend, et appelez identify après la connexion.
05Questions fréquentes
Faut-il une intégration avec le routeur ?
Non. La balise suit l’API History, qu’utilisent React Router et les autres routeurs : chaque navigation compte sans plugin.
Comment envoyer un objectif depuis un composant ?
Appelez tally('signup', { plan: 'pro' }) là où l’action a lieu. Avec le stub de file d’attente d’une ligne dans votre page, les appels faits avant le chargement de la balise attendent et partent après la première page vue.
Le serveur de développement de Vite compte-t-il les visites ?
Pas sans data-allow-localhost sur la balise : le développement reste hors de vos chiffres.