Das Snippet zu einer React- oder Vite-App hinzufügen

01Wo es hinkommt

In index.html, im <head>: Alle Routen der App teilen sie sich.

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

02Routen

React Router, TanStack Router und Ähnliche ändern die Adresse über die History API, und jede Änderung des Pfads ist ein Seitenaufruf. Eine App, deren Routen hinter einem # liegen (/#/settings), braucht data-hash am Tag:

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

03Prüfen, ob es geklappt hat

04Verkäufe mit Besuchen verknüpfen

Das Backend der App erstellt den Checkout, dort kommt also die Besucher-ID hin: Lies das Cookie _tally_vid aus der Anfrage und übergib es an deinen Anbieter. Sobald sich jemand anmeldet, identifiziere ihn mit der E-Mail, mit der er bezahlt, damit auch Zahlungen ohne ID abgeglichen werden können:

// 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 CheckoutDie Besucher-ID in den Metadaten einer Checkout Session.
• Ziele und identifyZiele aus deinen Komponenten, und identify.

05Was es nicht sieht