Was ist der Clicked Element Filter?

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.

Zurück zum Anfang

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.

Klicken Sie auf Übernehmen, um Ihre Sitzungsdaten zu bestätigen und zu filtern.

Zurück zum Anfang

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.

Zurück zum Anfang

document.querySelector('#meine-schaltfläche')
	.addEventListener('click', () => hj('event', 'clicked_cta'));

Zurück zum Anfang