Integrationen · Website-Plattformen
React- und Vite-Apps: ein Tag in index.html.
Eine Single-Page-App teilt sich eine index.html, ein Tag deckt also jede Route ab, und Änderungen der History zählen als Seitenaufrufe. Ziele kommen aus tally()-Aufrufen in deinen Komponenten, der Umsatz vom Anbieter, den du verbindest.
14 Tage kostenlos, ohne Kreditkarte.
01Was Tally erfasst
- Jeder Routenwechsel als Seitenaufruf, über die History API, ohne Router-Plugin.
- Ziele aus tally('goal_name', props) in deinem Code und aus data-fast-goal-Attributen an Elementen.
- Aktive Zeit und Scrolltiefe, pro Route gezählt.
02Woher der Umsatz kommt
- Checkout aus deinem BackendDeine API liest das _tally_vid-Cookie und übergibt es in die Metadaten oder Custom Data des Checkouts. Die Seite „Coverage“ hat Snippets für Node, Python, Ruby und PHP.
- IdentifyNach der Anmeldung sorgt tally('identify', { email }) dafür, dass spätere Zahlungen per E-Mail verknüpft werden, mit mittlerer Sicherheit.
03Was es nicht lesen kann
- Ein Kauf, der nur im State der App stattfindet, ohne Zahlung bei einem verbundenen Anbieter, ist kein Umsatz.
- Routen im Hash (#/settings) zählen nicht als Seiten, außer das Tag trägt data-hash.
- Native mobile Builds der App laden das Tag nicht, gezählt wird also nur die Web-App.
04Das Snippet einbauen
Wo es hinkommt: In index.html, innerhalb von <head>: Alle Routen der App teilen es.
<script defer data-site="k3xq2mfa7twp" src="https://t.tallybyoutpost.com/script.js"></script>Das ist das Tag einer Beispiel-Website. Deins, mit der ID deiner Website, findest du beim Snippet-Schritt, wenn du eine Website hinzufügst, und auf ihrer Seite „Setup“.
- Füge das Tag in den Head von index.html ein.
- Starte die App und öffne sie: Der Live-Check wird mit dem ersten Besuch grün, außer er kommt von localhost ohne data-allow-localhost.
- Übergib die Besucher-ID aus dem Backend an deinen Checkout und rufe nach der Anmeldung identify auf.
05Fragen
Brauche ich eine Router-Integration?
Nein. Das Tag folgt der History API, die React Router und andere Router nutzen, so zählt jede Navigation ohne Plugin.
Wie sende ich ein Ziel aus einer Komponente?
Rufe tally('signup', { plan: 'pro' }) dort auf, wo es passiert. Mit dem einzeiligen Queue-Stub in deiner Seite warten Aufrufe, die vor dem Laden des Tags kommen, und gehen nach dem ersten Seitenaufruf raus.
Zählt der Dev-Server von Vite Besuche?
Nein, außer das Tag hat data-allow-localhost, so bleibt die Entwicklung aus deinen Zahlen draußen.