02 · Installieren
Ein Tag im Head jeder Seite
Füge ein Tag in deine Seiten ein, und Tally zählt Besuche, Quellen, aktive Zeit, Ziele und Klicks auf ausgehende Links und hat eine Besucher-ID, die dein Checkout mitnehmen kann.
01Das Tag
Ein <script>-Tag erledigt alles. Es wiegt etwa 3 KB, hat keine Abhängigkeiten und lädt mit defer, sodass es deine Seite nie aufhält:
<script defer data-site="k3xq2mfa7twp" src="https://t.tallybyoutpost.com/script.js"></script>Das eigene Tag deiner Website steht im Snippet-Schritt, wenn du die Website hinzufügst, und auf ihrer Seite Setup, mit ihrer ID in data-site. Bei einer Website, die ohne Cookies oder mit „Einwilligung zuerst“ zählt, trägt es auch den Modus:
<script defer data-site="k3xq2mfa7twp" src="https://t.tallybyoutpost.com/script.js"></script><script defer data-site="k3xq2mfa7twp" data-mode="cookieless" src="https://t.tallybyoutpost.com/script.js"></script><script defer data-site="k3xq2mfa7twp" data-mode="consent" src="https://t.tallybyoutpost.com/script.js"></script>Die Skript-Konfiguration nennt jedes Attribut, das es liest.
02Wo es auf deiner Plattform hinkommt
| Plattform | Wo |
|---|---|
| HTML | Füge es in den <head> jeder Seite ein. |
| Next.js | In app/layout.tsx, dem Root-Layout: in seinem <head>. |
| React und Vite | In index.html, im <head>: Alle Routen der App teilen sie sich. |
| WordPress | In header.php eines klassischen Themes, direkt vor </head>, oder in einem Header-Code-Plugin. |
| Webflow | Site settings › Custom code › Head code, dann veröffentlichen. |
| Framer | Site settings › General › Custom code, am Ende des <head>-Tags, dann veröffentlichen. |
| Shopify | Nirgends von Hand: Die App von Tally fügt es über ein Theme-App-Embed ein, das du im Theme-Editor einschaltest, ganz ohne Theme-Code. Der Eintrag der App wird gerade geprüft. |
Eine Single-Page-App braucht nichts weiter: Jede Route, zu der die App wechselt, ist ein eigener Seitenaufruf.
03Was es sendet
- Seitenaufrufe: der erste beim Laden der Seite, dann einer für jede Route einer Single-Page-App (
pushState,replaceStateund die Zurück-Taste). Eine reine Änderung von Query oder Hash ist keine neue Seite, außer das Tag hatdata-hash. - Aktive Zeit und Scrolltiefe: Zeit zählt, solange die Seite sichtbar ist und jemand sie in den letzten 30 Sekunden benutzt hat. Gemeldet wird sie, wenn die Seite verborgen oder verlassen wird, und alle 30 Sekunden, solange sie läuft.
- Ziele, aus deinem Code oder über ein Attribut
data-tally-goal(Ziele und identify). - Klicks auf Links zu anderen Websites, gesendet, während der Browser die Seite verlässt, ohne den Klick aufzuhalten.
- Eine E-Mail für den Abgleich mit Käufern, wenn deine Seite identify aufruft.
Events gehen als JSON an /api/event unter der eigenen Adresse des Skripts, ohne Cookies. Das Skript wirft nie einen Fehler in deiner Seite und verzögert nie eine Navigation.
04Prüfen, ob es funktioniert
05Was es nicht zählen kann
Fehlt etwas, oder sieht es bei dir anders aus? Schreib an support@tallybyoutpost.com und nenne die Seite.