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