← Zurück zu Trustlytics Anmelden
Support Center Verhalten Ereignisse Ereignisse einrichten

Ereignisse einrichten

So zählen Sie wichtige Aktionen auf Ihrer Website. Klicks, Anmeldungen, Downloads, Plan-Auswahlen. Alles, was für Sie zählt.

Sie entscheiden. Video oder Anleitung, beides führt zum Ziel.

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.

Voraussetzung: Der Trustlytics Tracking-Code muss auf Ihrer Website installiert sein. Falls noch nicht: Schauen Sie zuerst im Artikel Tracking-Code einbauen vorbei. Dauert keine fünf Minuten.

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:

  1. Den Ereignisnamen (das steht hinter data-trustlytics-event="...")
  2. 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.

Tipp: Nehmen Sie Wörter, die Sie in zwei Monaten noch verstehen. «Newsletter-Anmeldung» ist klar. «ev1» oder «btn_click_3» sagt Ihnen später nichts mehr.

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:

  1. 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.
  2. 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
Wichtig: Wenn Sie das Formular markieren (<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
Ereignisname
data-trustlytics-event="XYZ"
maximal 120 Zeichen, beliebige Sprache
Eigenschaftsname
data-trustlytics-event-property-xyz="xYz"
maximal 60 Zeichen, nur Kleinbuchstaben, Zahlen, Unterstrich
Eigenschaftswert
data-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

  1. Markierung im HTML setzen (wie in den Beispielen oben).
  2. Änderung auf Ihrer Website speichern.
  3. Website in einem neuen Browserfenster öffnen.
  4. Auf das markierte Element klicken.
  5. In Trustlytics zum Bereich «Ereignisse» wechseln. Der Eintrag erscheint live.
Sie sehen nichts? Meistens ist das Attribut falsch geschrieben oder die Änderung wurde nicht gespeichert. Schauen Sie nochmals in Ruhe drüber.

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_typ ist OK. plan-typ oder Plan sind 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.

War dieser Artikel hilfreich?