Klicks auf Elemente einfach zusammen erfassen

von Katrin Nebermann

Klicks auf Elemente, die aus mehreren Teilen bestehen, einfach zusammen erfassen.

Mittels CSS Selektoren lassen sich sehr einfach Events auf Webseiten messen, ohne Entwickler-Ressourcen in Anspruch nehmen und Änderungen des HTML-Codes vornehmen zu müssen.

Herausforderung:

Mitunter bestehen klickbare Elemente aus mehreren einzelnen Selektoren wie zum Beispiel für die Mitte und den Rahmen eines Buttons. Wählt man in diesem Fall nur den Selektor für die Button-Mitte ohne Rahmen aus, werden nicht alle Klicks gezählt.

Wie werden alle Klicks auf den Button erfasst?

Lösung:

Als CSS Selektor können beide Selektoren komma-separiert eingegeben werden, damit Klicks sowohl zentral auf den Button also auch am Rand des Buttons erfasst werden.

Eingabe-Schema: [Selekor#1], [Selektor#2], [Selektor#n]

Der Eintrag in der Konfiguration der CSS Selekor Events unter Einstellungen → CSS Selektor-Events könnte beispielsweise so aussehen:

#main-content > div > div:nth-child(37) > ul > li > a, #main-content > div > div:nth-child(37) > ul > li > a > span