Wie man Veranstaltungen einrichtet

Ereignisse sind Änderungen oder Aktionen auf Ihrer Website wie Klicks, Scrollen und Tippen. Diese Ereignisse können mit Hotjar verwendet werden, um Sitzungsaufzeichnungen auszulösen, Feedback-Widgets oder Umfragen erscheinen zu lassen oder um Ihre gesammelten Daten zu filtern, um noch mehr Erkenntnisse zu gewinnen. Dieser Artikel wird sich damit befassen, was bei der Einrichtung von Ereignissen mit Hotjar mithilfe unserer Events-API erforderlich ist. 
Für eine Übersicht über Ereignisse und deren Verwendung lesen Sie unseren Artikel zu Was sind Ereignisse?

• Schritt 1 - Identifizieren Sie die Hauptziele Ihrer Website.
• Schritt 2 - Entscheiden Sie, welche Ereignisse diese Ziele unterstützen.
• Schritt 3 - Implementieren Sie den Event-API-Code auf Ihrer Website.
• Schritt 4 - Nach Implementierung des Event-API-Codes beginnen Sie mit der Verwendung von Hotjar-Ereignissen.

---

Identifizieren Sie die Hauptziele Ihrer Website.

Je nach Ihrer Website könnten Ihre aktuellen Ziele darin bestehen, Konversionen zu steigern, Fehler zu reduzieren, Newsletter-Abonnements zu erhöhen oder ein A/B-Test zu verfolgen. Hier sind einige alltägliche Anwendungsfälle für Ereignisse, die Ihnen helfen sollen, die Ziele zu identifizieren, auf die Sie sich konzentrieren möchten:

• Filtern Sie Heatmaps, um die Leistung einer Seitenvariante für A/B-Tests zu vergleichen.
• Filtern Sie Aufnahmen, in denen Benutzer auf einen Fehler gestoßen sind, um Fehler zu finden und zu beheben oder häufige UX-Probleme zu identifizieren.
• Starten Sie eine Umfrage für Benutzer, die sich abgemeldet haben, und fragen Sie sie, wie Sie den Newsletter verbessern könnten.

Weitere Anwendungsfälle finden Sie in unserem Artikel zu Was sind Ereignisse?

Zurück nach oben

Entscheiden Sie, welche Ereignisse diese Ziele unterstützen.

Spezifische Ereignisse, die auf Ihrer Website stattfinden (oder nicht stattfinden), können dazu dienen, die Ziele zu unterstützen, die Sie in Schritt 1 identifiziert haben. Indem Sie diese Ereignisse auflisten, bevor Sie zum nächsten Schritt übergehen, wissen Sie, wo Sie den Event-API-Code implementieren müssen. Einige Beispiele für Ereignisse auf Ihrer Website sind:

• Ein Klick-Ereignis auf eine bestimmte Schaltfläche oder einen Link
  • Die Ereignisfunktion wird am besten genutzt, wenn Sie ein Feedback- oder Umfrage-Tool basierend auf dem Klick des Benutzers ausrichten möchten. Andernfalls sollten Sie stattdessen den integrierten Geklicktes Element-Filter in Betracht ziehen!
• Ein Fehler wird ausgelöst.
• Eine Seitenvariante wird geladen.

Sie können dann die ersten beiden Schritte verknüpfen, um bei der Implementierung des Event-API-Codes im nächsten Schritt zu helfen. Zum Beispiel könnten Ihr Ziel und das Ereignis zur Unterstützung des Ziels lauten: „Geben Sie ein Ereignis an Hotjar weiter, wenn ein Fehler ausgelöst wird (das Ereignis), damit ich meine Hotjar-Aufnahmen nach diesem Fehlerereignis filtern kann, um Fehler zu finden und zu beheben oder häufige UX-Probleme zu identifizieren (das Ziel).“

Zurück nach oben

Implementieren Sie den Event-API-Code auf Ihrer Website.

Nachdem Sie Ihre Ziele und die Ereignisse zur Unterstützung dieser Ziele erarbeitet haben, besteht der nächste Schritt darin, den Event-API-Code auf Ihrer Website zu implementieren, indem Sie die Events-API-Referenzanleitung verwenden. Es muss benutzerdefinierter Code zu Ihrer Website hinzugefügt werden, um Ereignisse an Hotjar zu senden. Je nach Ihrem technischen Know-how benötigen Sie möglicherweise die Hilfe eines Webentwicklers, um den zusätzlichen erforderlichen Code zu schreiben.

Zur Unterstützung bei der Implementierung des Event-API-Codes haben wir weitere Informationen in unserer Events-API-Referenzanleitung bereitgestellt. Ein Code-Schnipsel steht unten als Beispielvorlage zur Verfügung, um zu verfolgen, ob eine Kreditkarte zu einer Checkout-Seite hinzugefügt wurde. Dies ist nur ein Beispiel, daher konsultieren Sie Ihre Entwickler, um Code basierend auf Ihrer Website und Ihren Zielen zu implementieren.

fetch('/api/kreditkarte-hinzufuegen', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify(body),
})
.then((response) => response.json())
.then((data) => {
    hj('event', 'Kreditkarte erfolgreich hinzugefügt')
    // Backend-Antwort verarbeiten.
  }
)
.catch(error => {
  hj('event', 'Hinzufügen der Kreditkarte fehlgeschlagen')
})

*Konsultieren Sie Ihre eigenen Entwickler, um festzustellen, welcher Code für Ihre Website benötigt wird.

Zurück nach oben

Nach Implementierung des Event-API-Codes beginnen Sie mit der Verwendung von Hotjar-Events.

Nach Implementierung des für das Senden von Events an Hotjar erforderlichen Event-API-Codes sehen Sie die verfügbaren Events für die Verwendung in den Tools von Hotjar. Von hier aus können Sie derzeit Folgendes mit Hotjar-Events tun:

• Aufnahmen nach Events filtern.
• Heatmaps nach Events filtern.
• Eine Aufnahmesegment erstellen, das das gefilterte Event enthält.
• Umfragen und Feedback-Widgets gezielt ausrichten, um basierend auf Events auszulösen.
• Sitzungsaufzeichnung starten basierend auf dem Auslösen von Events.

Zurück nach oben

Siehe auch

• Was sind Events?
• [Kurs] Events für Aufnahmen
• Wie man Events mit Google Tag Manager an Hotjar sendet
• Events-API-Referenz
• Wann man Events und Benutzerattribute verwendet