Video ist in Arbeit. Bis dahin führt Sie die Anleitung sicher ans Ziel.
Schritt-für-Schritt-Anleitung
Was sind Ereignisse?
Seitenaufrufe zählt Trustlytics automatisch. Heisst: Sie sehen sofort, welche Seiten besucht wurden.
Aber was passiert auf einer Seite? Welcher Button wird geklickt, welches Formular abgeschickt, welcher Plan gewählt? Das wissen Sie nur, wenn Sie es selbst markieren.
Genau dafür gibt es Ereignisse. Sie setzen einen kleinen Marker auf ein Element Ihrer Website, und Trustlytics zählt ab dem Moment jeden Klick darauf.
Bevor wir loslegen: Sie wählen die Namen selbst
In den Beispielen weiter unten lesen Sie Wörter wie Newsletter-Anmeldung, Plan ausgewählt, plan, billing, starter, pro. Das sind Beispiele. Nichts davon ist vorgegeben.
Zwei Dinge legen Sie selbst fest:
- Den Ereignisnamen (das steht hinter
data-trustlytics-event="...") - Die Eigenschaften (falls Sie welche brauchen)
Trustlytics speichert genau das, was Sie hinschreiben. Es gibt keine Liste, aus der Sie wählen müssten. Komplett frei.
Beispiel 1: Newsletter-Anmeldung zählen
So sieht ein normales Newsletter-Formular aus:
<form action="/newsletter" method="POST">
<input type="email" name="email" required>
<button type="submit">Anmelden</button>
</form>
Sie ergänzen genau eine Zeile (farbig markiert):
<form action="/newsletter" method="POST" data-trustlytics-event="Newsletter-Anmeldung">
<input type="email" name="email" required>
<button type="submit">Anmelden</button>
</form>
Fertig. Ab jetzt erscheint in Ihrer Trustlytics-Auswertung das Ereignis «Newsletter-Anmeldung», jedes Mal, wenn jemand das Formular abschickt.
Statt «Newsletter-Anmeldung» können Sie schreiben, was Sie wollen. «Anmeldung Newsletter», «Newsletter eingetragen», «Newsletter-Subscribe». Was für Sie verständlich ist, ist richtig.
Beispiel 2: Einen Button-Klick zählen
Sie haben einen «Demo buchen»-Button:
<a href="https://calendly.com/ihre-firma">Demo buchen</a>
Markierung dazu:
<a href="https://calendly.com/ihre-firma" data-trustlytics-event="Demo gebucht">Demo buchen</a>
Und fertig. Wieder: «Demo gebucht» können Sie ersetzen durch «Demo angefragt», «Calendly geöffnet», «Termin gewünscht». Nehmen Sie, was für Sie Sinn ergibt.
Beispiel 3: Wenn Sie zusätzlich Details speichern wollen
Manchmal reicht «Plan ausgewählt» nicht. Sie wollen wissen, welcher Plan geklickt wurde. Dafür gibt es Eigenschaften (das Attribut data-trustlytics-event-property-...).
Statt drei separate Ereignisse anzulegen («Starter geklickt», «Pro geklickt», «Enterprise geklickt»), nehmen Sie ein Ereignis mit einer Eigenschaft:
<a href="/checkout?plan=starter"
data-trustlytics-event="Plan ausgewählt"
data-trustlytics-event-property-plan="starter">Starter</a>
<a href="/checkout?plan=pro"
data-trustlytics-event="Plan ausgewählt"
data-trustlytics-event-property-plan="pro">Pro</a>
<a href="/checkout?plan=enterprise"
data-trustlytics-event="Plan ausgewählt"
data-trustlytics-event-property-plan="enterprise">Enterprise</a>
In Ihrer Trustlytics-Auswertung erkennen Sie dann beim Ereignis «Plan ausgewählt»:
- plan: starter (40 %)
- plan: pro (50 %)
- plan: enterprise (10 %)
So sehen Sie sofort, welcher Plan am besten zieht. Ohne drei Ereignisse pflegen zu müssen.
Die Eigenschaft heisst «plan», weil wir «plan» geschrieben haben. Genauso gut wäre:
data-trustlytics-event-property-paket="starter"
data-trustlytics-event-property-tarif="starter"
data-trustlytics-event-property-typ="starter"
Was nach data-trustlytics-event-property- kommt, ist Ihr Name für die Eigenschaft. Genau dieser Name erscheint später in der Auswertung.
Beispiel 4: Mehrere Eigenschaften kombinieren
Sie wollen Plan und Abrechnungs-Modus zählen:
<a href="/checkout?plan=pro&billing=monthly"
data-trustlytics-event="Plan ausgewählt"
data-trustlytics-event-property-plan="pro"
data-trustlytics-event-property-billing="monthly">Pro (monatlich)</a>
<a href="/checkout?plan=pro&billing=yearly"
data-trustlytics-event="Plan ausgewählt"
data-trustlytics-event-property-plan="pro"
data-trustlytics-event-property-billing="yearly">Pro (jährlich)</a>
In der Auswertung schauen Sie beim Ereignis «Plan ausgewählt» dann zwei Aufschlüsselungen an:
- plan: starter (40 %)
- plan: pro (50 %)
- plan: enterprise (10 %)
und
- billing: monthly (70 %)
- billing: yearly (30 %)
Sie können so viele Eigenschaften kombinieren, wie Sie brauchen. Maximal 20 pro Ereignis.
Das gleiche Muster funktioniert übrigens für alles, was sich nach Kategorien aufteilen lässt: Whitepaper-Downloads nach Thema, Sprachenwahl im Menü, Filter-Klicks im Shop, Sterne-Bewertungen. Immer ein Ereignis, viele Eigenschaften.
Beispiel 5: Feedback zu diesem Artikel (so machen wir es selbst)
Unter jedem Support-Artikel finden Sie die Frage «War dieser Artikel hilfreich?» mit zwei Daumen. Wir tracken das mit Trustlytics. Was wir Ihnen empfehlen, nutzen wir auch. So sieht der Code aus:
<section class="helpful">
<span>War dieser Artikel hilfreich?</span>
<div class="helpful-btns">
<button class="helpful-btn"
title="Ja"
data-trustlytics-event="Supportartikel:Ereignisse einrichten"
data-trustlytics-event-property-helpful="Ja">
<!-- Daumen hoch -->
</button>
<button class="helpful-btn"
title="Nein"
data-trustlytics-event="Supportartikel:Ereignisse einrichten"
data-trustlytics-event-property-helpful="Nein">
<!-- Daumen runter -->
</button>
</div>
</section>
Warum wir das genau so gebaut haben:
- Der Ereignisname enthält den Artikeltitel. Statt nur «Feedback» schreiben wir «Supportartikel:Ereignisse einrichten». So sehen wir später, zu welchem Artikel das Feedback kam. Bei 50 Artikeln wäre «Feedback» allein wertlos.
- Beide Buttons lösen dasselbe Ereignis aus. Der Unterschied steckt in der Eigenschaft helpful="Ja" oder helpful="Nein". In der Auswertung sehen wir auf einen Blick: 80 % sagen Ja, 20 % sagen Nein. Bei 20 % Nein wissen wir, dass dieser Artikel besser werden muss.
Welche Aktionen werden automatisch erkannt?
Trustlytics erkennt diese Klicks automatisch. Sie müssen nichts extra konfigurieren:
| HTML-Element | Was zählt |
|---|---|
| <a> (Link) | Klick auf den Link |
| <button> | Klick auf den Button |
| <form> | Absenden des Formulars |
| <input type="checkbox"> und radio | Ankreuzen, Abwählen |
| <select> (Dropdown) | Auswahl ändern |
<form data-trustlytics-event="...">), zählt das Absenden. Wenn Sie den Button im Formular markieren, zählt der Button-Klick. Sie entscheiden, was Sie messen wollen.Regeln und Limits
| Was | Regel |
|---|---|
Ereignisnamedata-trustlytics-event="XYZ" |
maximal 120 Zeichen, beliebige Sprache |
Eigenschaftsnamedata-trustlytics-event-property-xyz="xYz" |
maximal 60 Zeichen, nur Kleinbuchstaben, Zahlen, Unterstrich |
Eigenschaftswertdata-trustlytics-event-property-xyz="xYz" |
maximal 200 Zeichen, beliebige Sprache |
| Eigenschaften pro Ereignis | maximal 20 verschiedene |
| Ereignisse pro Besuch | maximal 200 (Anti-Spam-Schutz) |
So prüfen Sie, ob es funktioniert
- Markierung im HTML setzen (wie in den Beispielen oben).
- Änderung auf Ihrer Website speichern.
- Website in einem neuen Browserfenster öffnen.
- Auf das markierte Element klicken.
- In Trustlytics zum Bereich «Ereignisse» wechseln. Der Eintrag erscheint live.
Tipps für die Namenswahl
- Verständliche Begriffe benutzen. «Newsletter-Anmeldung» ist besser als «form1».
- Beim Ereignisnamen sind Leerzeichen und Umlaute erlaubt. «Termin gebucht» oder «Plan ausgewählt» funktionieren problemlos.
- Bei Eigenschaftsnamen nur Kleinbuchstaben, Zahlen, Unterstrich. Also
plan_typist OK.plan-typoderPlansind nicht OK. - Eigenschaftswerte dürfen alles enthalten. «pro Tarif», «39.90 CHF», «DE-AT». Kein Problem.
Datenschutz
Eine Bitte: Keine persönlichen Daten in die Werte schreiben. Keine E-Mail-Adressen, keine Namen, keine Telefonnummern.
Schlecht: data-trustlytics-event-property-email="max@example.com"
Gut: data-trustlytics-event-property-segment="bestandskunde"
Sie wissen warum: Sie wollen Klicks zählen, keine Personen verfolgen. Genau dafür gibt es uns.
Ein Ereignis entfernen
Löschen Sie einfach das data-trustlytics-event-Attribut aus Ihrem HTML. Ab dem Moment wird nichts mehr gezählt. Bereits gesammelte Daten bleiben in Ihren Berichten erhalten.
Häufige Fragen
Was, wenn jemand sehr schnell mehrmals klickt?
Jeder Klick zählt einzeln. Wenn jemand dreimal hintereinander auf denselben Button klickt, sehen Sie auch drei Ereignisse. Das ist Absicht, weil Trustlytics nicht raten will, was Sie zählen wollen. Limit: 200 Ereignisse pro Besuch.
Werden Bots gezählt?
Nein. Suchmaschinen-Crawler und Bots werden automatisch herausgefiltert.
Wie genau ist die Zählung?
Jedes Ereignis wird gespeichert. Der aktuelle Tag wird live ausgewertet, die Werte vom Vortag erscheinen final am Morgen danach.
Funktioniert das auch mit React, Vue oder Next.js?
Ja. Das data-trustlytics-event-Attribut funktioniert in jedem Framework. Setzen Sie es einfach im JSX oder Template, gleich wie in normalem HTML.
Was passiert, wenn ich eine Eigenschaft später ändere?
Wenn Sie heute property-plan="starter" schreiben und morgen property-plan="basic", zählt Trustlytics beide getrennt. In der Auswertung erkennen Sie beide Werte nebeneinander.
Kann ich Markierungen nachträglich ändern?
Ja, jederzeit. Alte Ereignisse bleiben mit dem alten Namen erhalten. Neue kommen mit dem neuen Namen rein.