Benutzerdefinierte Ereignisse ohne Cookies erfassen

Seitenaufrufe verraten dir, wohin Menschen gehen. Benutzerdefinierte Ereignisse verraten dir, was sie tun. Das Erfassen von Klicks, Formular-Absendungen und Anmeldungen gibt dir ein vollständiges Bild davon, wie Besucher mit deiner Seite interagieren.

Was sind benutzerdefinierte Ereignisse?

Benutzerdefinierte Ereignisse sind Aktionen, die du über die üblichen Seitenaufrufe hinaus definierst und erfasst. Sie erfassen bestimmte Interaktionen, die für dein Geschäft wichtig sind:

• Button-Klicks (Anmeldung, Download, In den Warenkorb)
• Formular-Absendungen (Kontaktformulare, Newsletter-Anmeldungen)
• Videowiedergaben
• Datei-Downloads
• Scroll-Meilensteine
• Funktionsnutzung in Web-Apps

Glyphex erfasst all das ohne Cookies. Die Ereignisdaten sind aggregiert und anonym, genau wie die Daten zu Seitenaufrufen.

Ereignisse zu deiner Seite hinzufügen

Grundlegende Syntax

Nachdem du das Glyphex-Tracking-Skript installiert hast, kannst du von überall in deinem JavaScript benutzerdefinierte Ereignisse auslösen:

// Track a simple event
window.analytics.track('signup');

// Track an event with properties
window.analytics.track('download', { file: 'pricing.pdf' });

Das war's. Keine zusätzlichen Skripte zu laden, keine Konfigurationsdateien zu bearbeiten.

Button-Klicks erfassen

Der häufigste Anwendungsfall. Füge einem beliebigen Button ein Ereignis hinzu:

<button onclick="window.analytics.track('cta-click')">
  Get started
</button>

Oder in einem Framework wie React:

<button onClick={() => window.analytics.track('cta-click')}>
  Get started
</button>

Formular-Absendungen erfassen

Erfasse, wann Nutzer ein Formular ausfüllen:

document.querySelector('#signup-form').addEventListener('submit', () => {
  window.analytics.track('form-submit', { form: 'signup' });
});

Ausgehende Links erfassen

Erfahre, wann Besucher auf Links zu externen Seiten klicken:

document.querySelectorAll('a[href^="http"]').forEach(link => {
  link.addEventListener('click', () => {
    window.analytics.track('outbound-click', { url: link.href });
  });
});

Namenskonventionen

Gute Ereignisnamen machen deine Daten auch Monate später noch lesbar. Schlechte Namen sorgen für Verwirrung.

Namen einheitlich halten

Wähle ein Format und bleib dabei:

• Verwende Kleinbuchstaben mit Bindestrichen: form-submit, nicht FormSubmit oder form_submit
• Sei konkret: pricing-cta-click statt nur click
• Verwende das Format Verb-Nomen: download-pdf, play-video, submit-form

Zusammengehörige Ereignisse gruppieren

Verwende Präfixe, um Ereignisse nach Bereich zu ordnen:

signup-start
signup-complete
signup-error

checkout-begin
checkout-payment
checkout-complete

Das erleichtert das Filtern und Analysieren erheblich.

Ereignisdaten ansehen

Navigiere in Glyphex zum Bereich „Events" deines Dashboards. Dort siehst du:

• Ereigniszahlen: Wie oft jedes Ereignis ausgelöst wurde
• Eindeutige Auslöser: Wie viele unterschiedliche Besucher jedes Ereignis ausgelöst haben
• Trends: Wie sich das Ereignisvolumen im Zeitverlauf verändert

Filtere nach Zeitraum, Ereignisname oder Eigenschaften, um tiefer in die Daten einzutauchen.

Praktische Beispiele

Den Anmelde-Funnel messen

Erfasse jeden Schritt deines Anmeldeprozesses:

// User lands on pricing page (automatic pageview)

// User clicks "Start free trial"
window.analytics.track('trial-start-click');

// User completes signup form
window.analytics.track('trial-signup-complete');

// User activates account
window.analytics.track('trial-activated');

Jetzt siehst du genau, wo Menschen abspringen.

Content-Engagement erfassen

Verstehe, wie Menschen deine Inhalte konsumieren:

// Track scroll depth
const observer = new IntersectionObserver((entries) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      window.analytics.track('scroll-milestone', { depth: '50%' });
      observer.disconnect();
    }
  });
});
observer.observe(document.querySelector('#halfway-marker'));

// Track time on page
setTimeout(() => {
  window.analytics.track('engaged-reader');
}, 30000); // 30 seconds

Die Nutzung von Funktionen messen

Erfasse bei Web-Apps, welche Funktionen tatsächlich genutzt werden:

// User creates a project
window.analytics.track('feature-use', { feature: 'create-project' });

// User invites a team member
window.analytics.track('feature-use', { feature: 'invite-member' });

// User exports data
window.analytics.track('feature-use', { feature: 'export-csv' });

Häufige Fehler

Zu viel erfassen

Nicht jede Interaktion braucht ein Ereignis. Konzentriere dich auf Aktionen, die mit Geschäftsergebnissen zusammenhängen. Jedes Überfahren mit der Maus und jedes Scrollen zu erfassen erzeugt Rauschen ohne Erkenntnisse.

Zu wenig erfassen

Erfasse mindestens deine wichtigsten Conversion-Punkte. Wenn du etwas verkaufst, erfasse den Kauf. Wenn du Leads sammelst, erfasse die Formular-Absendung. Beginne mit dem Wichtigsten und erweitere später.

Uneinheitliche Benennung

signup, sign-up, user_signup und SignUp erscheinen als vier separate Ereignisse. Dokumentiere deine Namenskonvention und halte dich daran.

Das Testen vergessen

Überprüfe immer, ob Ereignisse korrekt ausgelöst werden, bevor du dich auf die Daten verlässt. Öffne dein Glyphex-Dashboard, löse das Ereignis aus und bestätige, dass es erscheint.

Datenschutzaspekte

Benutzerdefinierte Ereignisse in Glyphex folgen denselben Datenschutzprinzipien wie die Erfassung von Seitenaufrufen:

• Es werden keine Cookies gesetzt
• Es werden keine personenbezogenen Daten erhoben
• Ereignisdaten sind aggregiert und nicht mit einzelnen Personen verknüpft
• Kein Einwilligungsbanner nötig

Du kannst das Nutzerverhalten erfassen, ohne die Nutzer zu verfolgen.

Beginne mit deiner wichtigsten Conversion-Aktion. Füge ein Ereignis hinzu, überprüfe, ob es funktioniert, und baue darauf auf. Innerhalb einer Woche hast du ein klares Bild davon, wie Besucher mit deiner Seite interagieren.