Was ist der geklickte Elementfilter?

Der angeklickte Element-Filter verfeinert Ihre Sitzungsdaten basierend darauf, wo Benutzer auf Ihrer Website geklickt haben, wie z. B. Schaltflächen oder Links, ohne dass Sie Hotjar Events in Ihrem Code manuell einrichten müssen. Sie können diesen Filter verfeinern, indem Sie Bedingungen wie den Text einer angeklickten Schaltfläche oder eines Links, den CSS-Selektor oder die Seiten-URL angeben, auf der das Element vorhanden ist.

In diesem Artikel werden behandelt:

• Häufige Anwendungsfälle für den angeklickten Element-Filter
• Wie man den angeklickten Element-Filter verwendet
• Wann man den angeklickten Element-Filter anstelle von Events verwenden sollte
• FAQs für den angeklickten Element-Filter

Häufige Anwendungsfälle für den angeklickten Element-Filter

Im Folgenden finden Sie einige Beispielanwendungsfälle für den angeklickten Element-Filter:

• Überprüfen Sie die Leistung verschiedener Handlungsaufforderungen (CTAs) als Teil eines A/B-Tests.

  Wenden Sie den geklickten Elementfilter auf Trends an, wobei die Bedingung Schaltfläche oder Linktext der Text für jede Schaltflächenvariante ist. Vergleichen Sie dann die Anzahl der Sitzungen für jede Variante und klicken Sie weiter zu den entsprechenden Aufzeichnungen und Heatmaps, um das Nutzerverhalten nach dem Klicken auf eine bestimmte CTA weiter zu analysieren.

• Finden Sie Gründe, warum Benutzer ihren Kauf nicht abschließen.

  Vom Aufzeichnungen-Bereich aus wenden Sie den geklickten Elementfilter mit drei Bedingungen an: geklickt nicht aufgetreten, wobei die Schaltfläche oder der Linktext Kasse enthält, und wobei die Seiten-URL /checkout enthält. Sehen Sie sich einige gefilterte Aufzeichnungen an, um zu verstehen, was Benutzer daran hindern könnte, den Kauf abzuschließen. Sehen Sie sich dann eine Heatmap an, bei der derselbe geklickte Elementfilter auf die Kassenseite angewendet wird, um zu identifizieren, was Benutzer vermissen und was stattdessen ihre Aufmerksamkeit erregt.

• Entdecken Sie Möglichkeiten zur Verbesserung eines Onboarding-Flusses.

  Um Ideen zu finden, wie neue Benutzer dazu ermutigt werden können, auch Kollegen einzuladen, wenden Sie einen geklickten Elementfilter auf der Aufzeichnungen-Seite an. Wählen Sie die Bedingungen: geklickt nicht aufgetreten, wobei die Seiten-URL /onboarding enthält, und wobei die Schaltfläche oder der Linktext Kollegen einladen enthält. Sehen Sie sich Aufzeichnungen an, um zu verstehen, warum Benutzer keine Kollegen einladen, und generieren Sie einige Verbesserungsideen.

• Treffen Sie fundiertere Entscheidungen für ein Redesign.

  Entscheidungen zur Neugestaltung einer Website und zur Steigerung der Anzahl von gebuchten Demos können durch Anwendung eines geklickten Elementfilters auf Ihre gesammelten Sitzungsdaten informiert werden. Fügen Sie die Bedingungen hinzu: geklickt nicht aufgetreten, wobei die Schaltfläche oder der Linktext Demo buchen enthält. Sehen Sie sich Aufzeichnungen an, um herauszufinden, was Benutzer daran hindern könnte, mit der Buchung eines Demos fortzufahren. Wenden Sie denselben geklickten Elementfilter auf eine Scroll-Heatmap an, um zu verstehen, wie viele Benutzer die CTA Demo buchen am unteren Rand der Seite nicht sehen.

Zurück nach oben

Verwendung des geklickten Elementfilters

Klicken Sie auf das Dropdown-Menü Filter hinzufügen und wählen Sie Geklicktes Element aus.

Fügen Sie weitere Bedingungen hinzu, um den Filter weiter zu verfeinern.

Sie können den geklickten Elementfilter verfeinern, indem Sie mehrere Bedingungen anwenden.

Ob ein Klick aufgetreten ist oder nicht

Beim Filtern von Trends, Aufzeichnungen oder Heatmaps können Sie wählen, ob nach Sitzungen gefiltert werden soll, bei denen der Klick entweder stattgefunden hat oder nicht.

Beim Filtern von Funnels ist diese Option auf stattgefunden festgelegt.

Schaltflächen- oder Linktext

Dies filtert Sitzungen, um Interaktionen mit dem sichtbaren Text speziell auf einem Schaltflächen- (<button>) oder Link-Element (<a>) einzuschließen. Zum Beispiel 'Mehr erfahren' oder 'Kasse'.

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 sie von Ihrer Live-Site kopieren. Aus diesem Grund empfehlen wir bei der Verwendung des CSS-Selektorfilters, HTML-IDs zu verfolgen, die eindeutig und im CSS-Selektor enthalten sind, anstelle des vollständigen CSS-Selektors.

Beispielsweise empfehlen wir anstelle des Filters: CSS-Selektor ist x, den Filter CSS-Selektor enthält y zu verwenden (wobei 'y' einer eindeutigen HTML-ID entspricht).

Wir unterstützen keine CSS-Selektorwerte, die Leerzeichen enthalten. Als Workaround können Sie die Leerzeichen mithilfe dieser Website zum Entfernen aller Leerzeichen entfernen.

Seiten-URL

Siehe unseren Artikel zur Verwendung von Bedingungen in der URL-Filterung für Hilfe bei der Verwendung von URLs als Filterbedingung, einschließlich der Verwendung von Regex.

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

Zurück nach oben

Wann sollte der Filter für das angeklickte Element anstelle von Ereignissen verwendet werden?

Hotjars Events API ermöglicht es Ihnen, Klickereignisse an Hotjar zu senden, die zur Filterung von Sitzungsdaten oder zum Ziel von Umfragen und Feedback-Widgets verwendet werden können. Die folgenden Punkte können Ihnen dabei helfen zu entscheiden, wann der Filter für das angeklickte Element oder die Events-API mit Benutzerklicks verwendet werden soll:

Wann den Filter für das angeklickte Element verwenden

• A/B-Tests, die sich klar darauf konzentrieren, ob ein Element angeklickt wird oder nicht (zum Beispiel: Positionierung oder Formulierung von Schaltflächen).
• Schnelle Validierung einer Annahme oder Identifizierung möglicher Probleme in Bezug darauf, ob ein Element angeklickt wird oder nicht, ohne zusätzlichen Code oder Entwicklungszeit zu benötigen.
• Zur Unterstützung von Neugestaltungen oder Verbesserungen der Website, bei denen das Ziel darin besteht, Klicks auf ein Element zu erhöhen.

Wann die Events-API verwenden

• • • Sie lösen ein Umfrage- oder Feedback-Widget aus: Der Filter für das angeklickte Element ist nicht mit Umfragen und Feedback verfügbar.
    • Umfassendere A/B-Tests, die über die reine Betrachtung, ob ein bestimmtes Element angeklickt wird oder nicht, hinausgehen (zum Beispiel: Benutzerscrollen, Verweildauer auf der Seite, Anzeige eines Fehlers oder ob die A/B-Variante auf derselben URL wie die Kontrolle geladen wird).
    • Wenn Sie Interaktionen auf einem verschachtelten Element verfolgen möchten, sollten Sie Events verwenden. Bei Verwendung des angeklickten Element-Filters wird Hotjar nur button- und a-HTML-Elemente verfolgen. Da HTML verschachtelt sein kann, wird Hotjar, wenn das angegebene Element nicht gefunden wird, den Algorithmus zum nächsten übergeordneten Element verschieben und dort überprüfen. Wenn es nicht innerhalb der nächsten drei übergeordneten Elemente gefunden werden kann, kann Hotjar die Daten nicht sammeln.

Zurück nach oben

document.querySelector('#my-button')
	.addEventListener('click', () => hj('event', 'clicked_cta'));

Zurück nach oben