01 · Erste Schritte
In vier Schritten loslegen
Von der Registrierung bis zu einem Verkauf, den du bis zu seinem Besuch zurückverfolgen kannst. Jeder Schritt sagt, was zu tun ist, was du siehst und wie du prüfst, ob es geklappt hat.
Schritt 1: Konto erstellen und Website hinzufügen
So geht’s
Registriere dich mit deinem Namen, deiner E-Mail und einem Passwort. 14 Tage kostenlos, ohne Kreditkarte.
Öffne den Link in der E-Mail, die wir dir schicken, und klicke auf Confirm.
Füge deine erste Website hinzu: ihren Namen, ihre Domain (ihre Subdomains werden mitgezählt) und wie ihre Besucher gezählt werden.
Modus Was er tut Cookie Ein First-Party-Cookie erkennt wiederkehrende Besucher über Tage hinweg. Ohne Cookies Kein Cookie. Jeder Besucher wird einmal pro Tag gezählt. Einwilligung zuerst Ohne Cookies, bis dein Banner die Einwilligung meldet, dann ein Cookie. Unsicher? Der Cookie-Modus zeigt am meisten. In der EU und im Vereinigten Königreich braucht ein Cookie, das nicht unbedingt erforderlich ist, meist eine Einwilligung, und die holt der Modus „Einwilligung zuerst“ ein. Wie sich die Modi unterscheiden.
Das siehst du
Die Einrichtungsschritte stehen oben: Your site, The snippet, Payments. Du kannst bei jedem Schritt aufhören; wenn du dich wieder anmeldest, kommst du dorthin zurück.
Prüfen, ob es geklappt hat
Die nächste Seite ist Add the snippet to yoursite.com, mit dem eigenen Tag deiner Website. Das Tag findest du auch weiterhin auf der Seite Setup der Website.
Schritt 2: Das Skript einbinden
So geht’s
Füge das Tag in den <head> jeder Seite ein. Es lädt mit defer und hält deine Seite daher nie auf. Wähle deine Plattform:
<script defer data-site="k3xq2mfa7twp" src="https://t.tallybyoutpost.com/script.js"></script>Füge es in den <head> jeder Seite ein.
<head>
<script defer data-site="k3xq2mfa7twp" src="https://t.tallybyoutpost.com/script.js"></script>
</head>In app/layout.tsx, dem Root-Layout: in seinem <head>.
<script defer data-site="k3xq2mfa7twp" src="https://t.tallybyoutpost.com/script.js"></script>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>In header.php eines klassischen Themes, direkt vor </head>, oder in einem Header-Code-Plugin.
<script defer data-site="k3xq2mfa7twp" src="https://t.tallybyoutpost.com/script.js"></script>Site settings › Custom code › Head code, dann veröffentlichen.
<script defer data-site="k3xq2mfa7twp" src="https://t.tallybyoutpost.com/script.js"></script>Site settings › General › Custom code, am Ende des <head>-Tags, dann veröffentlichen.
<script defer data-site="k3xq2mfa7twp" src="https://t.tallybyoutpost.com/script.js"></script>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.
Das ist das Tag einer Beispiel-Website: Deins trägt die ID deiner Website. Jede Plattform hat ihre eigene Seite.
Das siehst du
Die Seite wartet auf den ersten Besuch und zeigt dann, woher er kam:
It works. Receiving visits.
First visitor: Berlin · Chrome on macOS · from x.com
The live check on yoursite.com's Setup page
Prüfen, ob es geklappt hat
Öffne deine Website in einem Browser, während die Seite offen ist: Sie prüft alle 2 Sekunden. In den Entwicklertools deines Browsers zeigt der Netzwerk-Tab für jede Seite eine Anfrage an /api/event, beantwortet mit 202.
Wartet sie noch? Ein Besuch vom eigenen Rechner zählt nur mit data-allow-localhost (auf localhost testen), und ein Werbeblocker kann das Skript stoppen (über deine eigene Domain ausliefern). Den Rest findest du unter Es kommt nichts an.
Schritt 3: Zahlungen verbinden
So geht’s
Wähle den Anbieter, über den du verkaufst. Du erstellst einen Schlüssel, der nur kann, was Tally braucht, und fügst ihn ein:
| Anbieter | Was du einfügst |
|---|---|
| Stripe | Ein eingeschränkter Schlüssel, der nur deine Zahlungen lesen kann. |
| Paddle | Paddle Billing: ein API-Schlüssel mit Leseberechtigungen. |
| Lemon Squeezy | Ein API-Schlüssel, nur für Tally erstellt. |
| Polar | Ein Organisations-Token mit Lese-Scopes. |
| WooCommerce | Die Adresse deines Shops und ein REST-API-Schlüssel. |
| Squarespace | „Connect with Squarespace“ oder ein API-Schlüssel je Website. |
| Alles andere | Sende jede Zahlung von deinem Server, mit einem API-Schlüssel, der Zahlungen erfassen darf. |
Die Seite jedes Anbieters nennt die Berechtigungen für den Schlüssel und wo du ihn erstellst.
Das siehst du
Tally prüft den Schlüssel mit echten Aufrufen und nennt jede fehlende Berechtigung. Danach kommt ein eigener Webhook hinzu, damit neue Zahlungen ankommen, sobald sie eingehen, und die letzten 365 Tage werden importiert, mit Anzeige des Fortschritts.
Prüfen, ob es geklappt hat
Auf der Seite Integrations erscheint der Anbieter als verbunden, mit der Zahl der gelesenen Zahlungen und dem Zeitpunkt der letzten. Frühere Zahlungen erscheinen unter Sales, während sie importiert werden.
Der Import bringt die Historie. Damit die nächsten Verkäufe mit dem Besuch verknüpft werden, der sie gebracht hat, trägt dein Checkout die Besucher-ID. Die Seite deines Anbieters hat den Code:
- Stripe CheckoutÜbergib die Besucher-ID, wenn dein Server eine Checkout Session erstellt.
- Stripe Payment LinksDas Snippet markiert
buy.stripe.com-Links von selbst. - PaddleDie Besucher-ID in
customData, wo Paddle.js den Checkout öffnet. - Lemon SqueezyDie Besucher-ID als Custom Data an Kauf-Links.
- PolarDie Besucher-ID in den Metadaten oder als
reference_ideines Checkout-Links. - WooCommerceDas Snippet auf der Seite „Bestellung erhalten“, sonst nichts.
- SquarespaceDas Snippet und die Bestellstatus-Zeilen, in Code Injection.
Schritt 4: Den ersten Beleg und die Abdeckung ansehen
So geht’s
Öffne Sales und wähle eine Zahlung. Öffne dann Coverage and fixes.
Das siehst du
Jede Zahlung lässt sich zu ihrem Beleg aufklappen: der erste Besuch des Käufers, der Besuch, dem der Verkauf zugerechnet wird, was die Zahlung mit diesem Browser verknüpft hat, und die Zahlung, jeweils mit einer ID, die du bei deinem Anbieter nachschlagen kannst. Wenn nichts einen Verkauf verknüpft, sagt der Beleg, warum.
$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
Die Abdeckung ist der Anteil der Verkäufe, die mit einem Besucher verknüpft sind, dazu für jede Art nicht verknüpfter Verkäufe eine Korrektur, mit dem Code zum Einfügen:
82% of the last 30 days' sales are linked to a visitor.
Prüfen, ob es geklappt hat
Mach einen Testkauf in einem Browser, der deine Website besucht hat (ein Testmodus-Schlüssel sieht Testzahlungen). Nach etwa einer Minute zeigt sein Beleg Linked by checkout metadata oder die Methode deines Checkouts, mit der Sicherheit High.
Vier Striche, der fünfte quer darüber: eine Strichliste.
- Ziele und identifyZähle Registrierungen und andere Momente, und gleiche Kunden per E-Mail ab.
- Datenschutzmodi und EinwilligungWas jeder Modus speichert und wie der Modus „Einwilligung zuerst“ auf dein Banner hört.
- Über deine eigene Domain ausliefernLiefere das Skript über deine eigene Domain aus.
- REST-APIRuf dieselben Zahlen aus deinem eigenen Code ab.
Fehlt etwas, oder sieht es bei dir anders aus? Schreib an support@tallybyoutpost.com und nenne die Seite.