01 · Premiers pas
Démarrer en quatre étapes
De l’inscription à une vente que vous pouvez faire remonter jusqu’à sa visite. Chaque étape dit quoi faire, ce que vous verrez, et comment vérifier que ça a marché.
Étape 1 : Créer votre compte et ajouter votre site
À faire
Inscrivez-vous avec votre nom, votre e-mail et un mot de passe. 14 jours gratuits, sans carte bancaire.
Ouvrez le lien de l’e-mail que nous vous envoyons et cliquez sur Confirm.
Ajoutez votre premier site : son nom, son domaine (ses sous-domaines sont comptés aussi) et la façon dont ses visiteurs sont comptés.
Mode Ce qu’il fait Cookie Un cookie propriétaire reconnaît les visiteurs qui reviennent d’un jour à l’autre. Sans cookie Aucun cookie. Chaque visiteur est compté une fois par jour. Consentement d’abord Sans cookie jusqu’à ce que votre bandeau signale le consentement, puis avec un cookie. Vous hésitez ? Le mode cookie est celui qui en montre le plus. Dans l’UE et au Royaume-Uni, un cookie qui n’est pas strictement nécessaire exige généralement un consentement, ce que demande le mode consentement d’abord. Ce qui distingue les modes.
Ce que vous verrez
Les étapes de configuration s’affichent en haut : Your site, The snippet, Payments. Vous pouvez partir à n’importe quelle étape ; en vous reconnectant, vous y revenez.
Vérifier que ça marche
La page suivante est Add the snippet to yoursite.com, avec la balise propre à votre site. La balise reste aussi disponible sur la page Setup du site.
Étape 2 : Ajouter le script
À faire
Collez la balise dans le <head> de chaque page. Elle se charge avec defer : elle ne retarde donc jamais votre page. Choisissez votre plateforme :
<script defer data-site="k3xq2mfa7twp" src="https://t.tallybyoutpost.com/script.js"></script>Collez-la dans le <head> de chaque page.
<head>
<script defer data-site="k3xq2mfa7twp" src="https://t.tallybyoutpost.com/script.js"></script>
</head>Dans app/layout.tsx, le layout racine : à l’intérieur de son <head>.
<script defer data-site="k3xq2mfa7twp" src="https://t.tallybyoutpost.com/script.js"></script>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>Dans le header.php d’un thème classique, juste avant </head>, ou dans une extension de code d’en-tête.
<script defer data-site="k3xq2mfa7twp" src="https://t.tallybyoutpost.com/script.js"></script>Site settings › Custom code › Head code, puis publiez.
<script defer data-site="k3xq2mfa7twp" src="https://t.tallybyoutpost.com/script.js"></script>Site settings › General › Custom code, à la fin de la balise <head>, puis publiez.
<script defer data-site="k3xq2mfa7twp" src="https://t.tallybyoutpost.com/script.js"></script>Nulle part à la main : l’app Tally l’ajoute via un app embed de thème que vous activez dans l’éditeur de thème, sans code dans le thème. La fiche de l’app est en cours d’examen.
Voici la balise d’un site d’exemple : la vôtre porte l’identifiant de votre site. Chaque plateforme a sa propre page.
Ce que vous verrez
La page attend la première visite, puis indique d’où elle vient :
It works. Receiving visits.
First visitor: Berlin · Chrome on macOS · from x.com
The live check on yoursite.com's Setup page
Vérifier que ça marche
Ouvrez votre site dans un navigateur pendant que la page est ouverte : elle vérifie toutes les 2 secondes. Dans les outils de développement de votre navigateur, l’onglet Réseau montre une requête vers /api/event pour chaque page, avec la réponse 202.
Toujours en attente ? Une visite depuis votre propre machine ne compte qu’avec data-allow-localhost (tester sur localhost), et un bloqueur de publicité peut arrêter le script (le servir depuis votre domaine). La page Rien ne s’affiche liste les autres causes.
Étape 3 : Connecter les paiements
À faire
Choisissez le prestataire par lequel vous vendez. Vous créez une clé qui ne peut faire que ce dont Tally a besoin, puis vous la collez :
| Prestataire | Ce que vous collez |
|---|---|
| Stripe | Une clé restreinte qui ne peut que lire vos paiements. |
| Paddle | Paddle Billing : une clé API avec des autorisations de lecture. |
| Lemon Squeezy | Une clé API, créée rien que pour Tally. |
| Polar | Un jeton d’accès d’organisation avec des portées de lecture. |
| WooCommerce | L’adresse de votre boutique et une clé d’API REST. |
| Squarespace | La connexion avec Squarespace, ou une clé API propre au site. |
| Tout le reste | Envoyez chaque paiement depuis votre serveur avec une clé API autorisée à enregistrer des paiements. |
La page de chaque prestataire liste les autorisations à donner à la clé et l’endroit où la créer.
Ce que vous verrez
Tally vérifie la clé par de vrais appels et nomme toute autorisation manquante. Il ajoute ensuite son propre webhook, pour que les nouveaux paiements arrivent au moment où ils ont lieu, et importe les 365 derniers jours en affichant sa progression.
Vérifier que ça marche
Le prestataire apparaît comme connecté sur la page Integrations, avec le nombre de paiements lus et le moment où le dernier est arrivé. Les paiements passés apparaissent dans Sales au fil de l’import.
L’import apporte l’historique. Pour lier les ventes suivantes à la visite qui les a générées, votre paiement transporte l’identifiant du visiteur. La page de votre prestataire donne le code :
- Stripe CheckoutTransmettez l’identifiant du visiteur quand votre serveur crée une session Checkout.
- Stripe Payment LinksLe snippet marque de lui-même les liens
buy.stripe.com. - PaddleL’identifiant du visiteur dans
customData, là où Paddle.js ouvre le paiement. - Lemon SqueezyL’identifiant du visiteur en données personnalisées sur les liens d’achat.
- PolarL’identifiant du visiteur dans les métadonnées, ou comme
reference_idd’un lien de paiement. - WooCommerceLe snippet sur la page « Commande reçue », et rien d’autre.
- SquarespaceLe snippet et les lignes de la page de statut de commande, dans Code Injection.
Étape 4 : Voir votre premier justificatif et votre couverture
À faire
Ouvrez Sales et choisissez un paiement. Ouvrez ensuite Coverage and fixes.
Ce que vous verrez
Chaque paiement se déplie pour afficher son justificatif : la première visite de l’acheteur, la visite à laquelle la vente est attribuée, ce qui a lié le paiement à ce navigateur, et le paiement, chacun avec un identifiant que vous pouvez retrouver chez votre prestataire. Quand rien ne lie une vente, le justificatif dit pourquoi.
$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 couverture est la part des ventes liées à un visiteur, avec un correctif pour chaque cas de vente non liée et le code à ajouter :
82% of the last 30 days' sales are linked to a visitor.
Vérifier que ça marche
Faites un achat de test depuis un navigateur qui a visité votre site (une clé du mode test voit les paiements de test). En une minute environ, son justificatif indique Linked by checkout metadata, ou la méthode propre à votre paiement, avec une confiance High.
Quatre bâtons et le cinquième en travers : le compte est bon.
- Objectifs et identifyComptez les inscriptions et d’autres moments, et rapprochez les clients par e-mail.
- Modes de confidentialité et consentementCe que conserve chaque mode, et comment le mode consentement écoute votre bandeau.
- Le servir depuis votre domaineServez le script depuis votre propre domaine.
- API RESTLisez les mêmes chiffres depuis votre propre code.
Il manque quelque chose, ou ce n’est pas ce que vous voyez ? Écrivez à support@tallybyoutpost.com en précisant la page.