Verfügbar für Recordings und Heatmaps mit den Plänen Observe ,
oder
. Verfügbar für Feedback und Umfragen mit den Plänen Ask
,
oder
.
Event sind Änderungen oder Aktionen auf Ihrer Website, wie z. B. Klicks, Scrollen und Tippen. Diese Event können mit Hotjar verwendet werden, um die Erfassung von Sitzungen auszulösen, Feedback-Widgets oder Umfragen anzuzeigen oder die gesammelten Daten zu filtern, um noch mehr Erkenntnisse zu gewinnen. Dieser Artikel befasst sich mit der Einrichtung von Eventn mit Hotjar unter Verwendung unserer Ereignis-API.
Einen Überblick über Events und deren Verwendung finden Sie in unserem Artikel Was sind Events?
Verwenden Sie Google Analytics, um Event an Hotjar zu senden!
In unserem Artikel über die Verwendung von Hotjar mit Google Analytics erfahren Sie, wie Events direkt über GA gesendet werden können, ohne den Events-API-Code auf Ihrer Website zu implementieren. Beachten Sie, dass dies nur möglich ist, wenn das GA-Skript direkt zu Ihren Seiten hinzugefügt wird, nicht wenn GA über Google Tag Manager (GTM) hinzugefügt wird.
- Schritt 1 - Bestimmen Sie die wichtigsten Ziele, die Sie für Ihre Website haben.
- Schritt 2 - Entscheiden Sie, welche Event diese Ziele unterstützen.
- Schritt 3 - Implementieren Sie den Event-API-Code auf Ihrer Website.
- Schritt 4 - Nach der Implementierung des Event-API-Codes beginnen Sie mit der Verwendung von Hotjar Events.
Identifizieren Sie die Hauptziele, die Sie für Ihre Website verfolgen.
Abhängig von Ihrer Website könnten Ihre aktuellen Ziele darin bestehen, die Konversionsrate zu erhöhen, Fehler zu reduzieren, die Zahl der Newsletter-Abonnements zu erhöhen oder einen A/B-Test zu verfolgen. Im Folgenden finden Sie einige alltägliche Anwendungsfälle für Events, die Ihnen helfen, die Ziele zu identifizieren, auf die Sie sich konzentrieren möchten:
- Filtern Sie Heatmaps, um die Ergebnisse einer Seitenvariante für A/B-Tests zu vergleichen.
- Filtern Sie Recordings, bei denen Benutzer auf einen Fehler gestoßen sind, um Bugs oder allgemeine UX Fehlere zu finden und zu beheben.
- Lösen Sie eine Umfrage für Nutzer aus, die sich abmelden, und fragen Sie sie, wie Sie den Newsletter verbessern können.
Weitere Anwendungsfälle finden Sie in unserem Artikel Was sind Event?
Entscheiden Sie, welche Event diese Ziele unterstützen.
Bestimmte Event, die auf Ihrer Website stattfinden (oder nicht stattfinden), können zur Hilfe Ihrer in Schritt 1 festgelegten Ziele verwendet werden. Wenn Sie diese Event auflisten, bevor Sie zum nächsten Schritt übergehen, wissen Sie, wo Sie den Code der Ereignis-API implementieren müssen. Einige Beispiele für Event auf Ihrer Website sind:
- Ein Klick-Ereignis auf eine bestimmte Schaltfläche oder einen Link.
- Ein Fehler wird ausgelöst.
- Eine Seitenvariante wird geladen.
Sie können dann die ersten beiden Schritte miteinander verknüpfen, um die Implementierung des Ereignis-API-Codes im nächsten Schritt zu erleichtern. Ihr Ziel und das Ereignis zur Hilfe des Ziels könnten beispielsweise lauten: "Ein Ereignis an Hotjar weitergeben, wenn ein Fehler ausgelöst wird (das Ereignis), damit ich meine Hotjar-Recordings nach diesem Fehlerereignis filtern kann, um Bugs oder allgemeine UX Fehlere zu finden und zu beheben (das Ziel)."
Implementieren Sie den Ereignis-API-Code auf Ihrer Website.
Sie können Event mit Google Tag Manager, Google Analytics oder Segment senden.
Es ist möglich, Event mit Google Tag Manager, Google Analytics oder Segment an Hotjar zu senden. Weitere Informationen finden Sie in unserem Artikel Wie man Events mit Google Tag Manager sendet, Hotjar mit Google Analytics verwenden oder, wenn Sie Segment verwenden, in unserem Leitfaden Hotjar mit Segment verwenden.
Nachdem Sie Ihre Ziele und die Event zur Hilfe dieser Ziele festgelegt haben, besteht der nächste Schritt in der Implementierung des Ereignis-API-Codes auf Ihrer Website unter Verwendung des Ereignis-API-Referenzhandbuchs. Die Ereignisfunktion in Hotjar ist auf Websites mit einem der folgenden Pläne verfügbar und voraktiviert: Observe oder Ask Plus, Business oder Scale. Allerdings muss Ihrer Website ein benutzerdefinierter Code hinzugefügt werden, um Event an Hotjar zu senden. Je nach Ihren technischen Kenntnissen benötigen Sie möglicherweise die Hilfe eines Webentwicklers, um den erforderlichen zusätzlichen Code zu schreiben.
Um Ihnen bei der Implementierung des Event-API-Codes zu helfen, haben wir weitere Informationen in unserem API Events Reference Guide bereitgestellt. Nachfolgend finden Sie einen Codeschnipsel als Vorlage, der Ihnen den Einstieg erleichtert. Diese Vorlage allein reicht jedoch nicht aus, um Event von Ihrer Website an Hotjar zu senden. Sie muss an Ihre Website und Ihre Ziele angepasst werden.
document.querySelector('#meine-schaltfläche')
.addEventListener('click', () => hj('event', 'clicked_cta'));
Nach der Implementierung des Ereignis-API-Codes können Sie Hotjar-Event verwenden.
Nach der Implementierung des Event-API-Codes, der zum Senden von Eventn an Hotjar erforderlich ist, sehen Sie die Event, die zur Verwendung in den Hotjar-Tools zur Verfügung stehen. Von hier aus können Sie derzeit die folgenden Aktionen mit Hotjar Events durchführen:
- Recordings nach Eventn filtern.
- Heatmaps nach Eventn filtern.
- Erstellen Sie ein Aufzeichnungssegment, das das gefilterte Ereignis enthält.
- Richten Sie Umfragen und Feedback-Widgets so aus, dass sie auf der Grundlage von Eventn ausgelöst werden.
- Starten Sie die Sitzungserfassung basierend auf der Auslösung von Eventn.