Verfügbar für Observe oder
.
Der Filter für angeklickte Elemente verfeinert Ihre Sitzungsdaten auf der Grundlage von Elementen, auf die Benutzer auf Ihrer Website geklickt haben, wie z. B. Schaltflächen oder Links, ohne dass Sie Hotjar-Event manuell in Ihrem Code einrichten müssen. Sie können diesen Filter verfeinern, indem Sie Bedingungen wie den Text einer angeklickten Schaltfläche oder eines angeklickten Links, den CSS-Selektor oder die URL der Seite, auf der das Element existiert, angeben.
Dieser Artikel behandelt:
- Häufige Anwendungsfälle für den Filter für angeklickte Elemente
- Wie man den Filter "Angeklicktes Element" verwendet
- Wann der Filter "Angeklicktes Element" anstelle von Eventn verwendet werden sollte
- FAQs für den Filter "Angeklicktes Element
Häufige Anwendungsfälle für den Filter "Angeklicktes Element
Im Folgenden finden Sie einige Anwendungsbeispiele für den Filter "Angeklickte Elemente":
-
Überprüfen Sie die Ergebnisse verschiedener Call-to-Actions (CTAs) als Teil eines A/B-Tests.
Wenden Sie den Filter für angeklickte Elemente auf Trends an, wobei die Bedingung für den Text der Schaltfläche oder des Links der Text für jede Schaltflächenvariante ist. Vergleichen Sie dann die Anzahl der Sitzungen für jede Variante und klicken Sie sich zu den entsprechenden Recordings und Heatmaps durch, um das Nutzerverhalten nach dem Klicken auf eine bestimmte CTA weiter zu analysieren.
-
Finden Sie die Gründe, warum Nutzer ihren Kauf nicht abschließen.
Wenden Sie auf der Seite Recordings den Filter für angeklickte Elemente mit drei Bedingungen an: angeklickt wurde nicht, der Text der Schaltfläche oder des Links enthält Checkout, und die URL der Seite enthält /checkout. Schauen Sie sich einige gefilterte Recordings an, um zu verstehen, was Benutzer vom Auschecken abhalten könnte. Sehen Sie sich dann eine Heatmap mit demselben Filter für angeklickte Elemente an, der auf die Checkout-Seite angewendet wurde, um festzustellen, was die Benutzer vermissen und was stattdessen ihre Aufmerksamkeit erregt.
-
Aufdecken von Möglichkeiten zur Verbesserung des Onboarding-Flusses.
Um Ideen zu finden, wie Sie neue Nutzer dazu ermutigen können, auch Kollegen einzuladen, wenden Sie einen Filter für angeklickte Elemente auf der Seite Aufnahmen an. Wählen Sie die folgenden Bedingungen aus: angeklickt wurde nicht, die URL der Seite enthält /onboarding und der Text der Schaltfläche oder des Links enthält Teammitglieder einladen. Sehen Sie sich die Recordings an, um zu verstehen, warum Benutzer keine Kollegen einladen, und entwickeln Sie Verbesserungsideen.
-
Treffen Sie fundiertere Entscheidungen für eine Neugestaltung.
Entscheidungen zur Neugestaltung einer Website und zur Erhöhung der Anzahl der gebuchten Demos können durch Anwendung eines Filters für angeklickte Elemente auf die gesammelten Sitzungsdaten getroffen werden. Fügen Sie die Bedingungen hinzu: Geklickt wurde nicht, wenn die Schaltfläche oder der Linktext Demo buchen enthält. Schauen Sie sich die Recordings an, um herauszufinden, was die Benutzer davon abhalten könnte, eine Demo zu buchen. Wenden Sie denselben Filter für angeklickte Elemente auf eine Scroll-Heatmap an, um zu verstehen, wie viele Benutzer die CTA "Demo buchen" unten auf der Seite nicht sehen.
So verwenden Sie den Filter für angeklickte Elemente
Klicken Sie auf das Dropdown-Menü Filter hinzufügen und wählen Sie Angeklicktes Element.
Fügen Sie beliebige Bedingungen hinzu, um den Filter weiter zu verfeinern.
Sie können den Filter "Angeklicktes Element" verfeinern, indem Sie mehrere Bedingungen anwenden, die darauf basieren:
- Ob ein Klick stattgefunden hat oder nicht.
- Der Text der Schaltfläche oder des Links.
- Der CSS-Selektor - wir unterstützen nur CSS-Selektoren, wie sie von Hotjar gespeichert werden. Dies kann sich von der Darstellung der CSS-Selektoren unterscheiden, wenn sie von Ihrer Live-Site kopiert werden. Aus diesem Grund empfehlen wir bei der Verwendung des CSS-Selektorfilters die Verfolgung von HTML-IDs, die eindeutig sind und im CSS-Selektor enthalten sind, und nicht den vollständigen CSS-Selektor.
- Anstatt beispielsweise den Filter zu verwenden: CSS-Selektor ist x, empfehlen wir die Verwendung des Filters CSS-Selektor enthält y (wobei "y" einer eindeutigen HTML-ID entsprechen würde).
- CSS-Selektorwerte, die Leerzeichen enthalten, werden von uns nicht unterstützt. Als Workaround können Sie die Leerzeichen mit dieser Website Delete All Whitespace Characters entfernen.
- Die Seiten-URL - In unserem Artikel Bedingungen in der URL-Filterung verwenden finden Sie Hilfe bei der Verwendung von URLs als Filterbedingung, einschließlich der Verwendung von Regex.
Was sind CSS-Selektoren?
CSS-Selektoren legen fest, welche Elemente auf einer Seite einen bestimmten Satz von CSS-Regeln (oder Stilen) erhalten sollen. Der CSS-Selektor .button passt beispielsweise zu jedem Element auf einer Seite, dessen Klassenattribut button lautet.
Klicken Sie auf Übernehmen, um Ihre Sitzungsdaten zu bestätigen und zu filtern.
Wann Sie den Filter für angeklickte Elemente anstelle von Events verwenden sollten
Hotjar's API Events ermöglicht es Ihnen, Klick-Event an Hotjar zu senden, die zum Filtern von Sitzungsdaten oder zur Ausrichtung von Umfragen und Feedback-Widgets verwendet werden können. Die folgenden Punkte können Ihnen dabei helfen, zu entscheiden, wann Sie den Filter für angeklickte Elemente oder die Ereignis-API für Benutzerklicks verwenden sollten:
Wann Sie den Filter für angeklickte Elemente verwenden sollten
- A/B-Tests, bei denen der Schwerpunkt eindeutig darauf liegt, ob ein Element angeklickt wird oder nicht (z. B. Positionierung von Schaltflächen oder Wortlaut).
- Schnelle Validierung einer Annahme oder Identifizierung möglicher Probleme im Zusammenhang mit einem angeklickten oder nicht angeklickten Element, ohne dass zusätzlicher Code oder Entwicklerzeit benötigt wird.
- Zur Information über Neugestaltungen oder Verbesserungen der Website, wenn das Ziel darin besteht, die Anzahl der Klicks auf ein Element zu erhöhen.
- Ihre Website verfügt über einen Observe Business- oder Scale-Plan.
Wann sollten Sie die Ereignis-API verwenden?
- Sie lösen ein Umfrage- oder Feedback-Widget aus: Der Filter für angeklickte Elemente ist bei Umfragen und Feedbacks nicht verfügbar.
- Tiefergehende A/B-Tests, die über die Betrachtung hinausgehen, ob ein bestimmtes Element angeklickt wird oder nicht (z.B.: Scrollen des Benutzers, Zeit auf der Seite, Anzeige eines Fehlers, oder ob die A/B-Variante auf der gleichen URL wie die Kontrolle lädt).
- Ihre Website hat ein Observe Plus Abonnement: Die API Events ist auf Plus verfügbar und der Filter für angeklickte Elemente erfordert einen Business oder Scale Plan.
Wie kommt es, dass die Daten der angeklickten Elemente erst ab dem 5. Juli 2022 verfügbar sind?
Die Nachverfolgung der Daten des Filters für angeklickte Elemente begann am 5. Juli 2022. Das bedeutet, dass Daten vor diesem Datum nicht in Ihren Ergebnissen enthalten sind, wenn Sie diesen Filter anwenden. Weitere Details zur Verwendung des relativen und benutzerdefinierten Datumsfilters finden Sie in unserem Artikel Wie filtere ich Sitzungsdaten?
Funktioniert der Filter für angeklickte Elemente mit Feedback und Umfragen?
Derzeit ist der Filter nicht für Feedback und Umfragen verfügbar. Sie können uns mitteilen, inwiefern der Filter für Feedback und Umfragen nützlich wäre, indem Sie auf die Schaltfläche Kontakt unten klicken.
Unsere Website ist in mehreren Sprachen verfügbar. Können wir alle Sprachvarianten in einen angewandten Filter aufnehmen?
Es ist uns nicht möglich, mehrere Sprachvarianten in einen angewandten Filter aufzunehmen. Sie können uns mitteilen, inwiefern diese Option von Vorteil wäre, indem Sie auf die Schaltfläche Kontakt unten klicken.
Warum erhalte ich keine Ergebnisse auf der Grundlage meines Schaltflächen-/Linktextfilters?
Die Unterdrückungseinstellungen Ihrer Website können verhindern, dass Hotjar den in Ihrem Filter referenzierten Text sieht. Wenn Hotjar beispielsweise den Button-/Linktext unterdrückt, bedeutet dies, dass Hotjar den Text nicht erkennen kann, weil wir Sternchen (****) anstelle des Button-/Linktextes selbst speichern.
Ein Workaround für dieses Problem ist die Verwendung von Hotjar Events, um Klick-Event an Hotjar zu senden und sie in den Hotjar-Tools zum Filtern oder Auslösen verfügbar zu machen. Wenn Sie dies im Code Ihrer Website einrichten, könnte dies ähnlich wie im folgenden Beispiel aussehen:
document.querySelector('#meine-schaltfläche')
.addEventListener('click', () => hj('event', 'clicked_cta'));
Weitere Einzelheiten zur Verwendung von Eventn zur Verfolgung von KlickEventn finden Sie in unseren Artikeln Was sind Event, Wie richtet man Event ein, und in der Ereignis-API-Referenz.