With the help of selector events, clicks can be measured on any page element without having to change the source code of a web page.
Select Account Info – Settings – Selector Events to create, modify, or delete a selector event.
There are two ways to identify CSS selectors in the source code of your website.
On the one hand, via the context menu:
On the other hand, directly in the source code:
To create a selector event involves the following steps:
Use the CSS selector to select the page element for which to measure a click, and enter the selector you want in the CSS Selector field.
We recommend copying the desired selector directly from the source code of your page to rule out errors when adopting more complex selectors.
The URL determines which web pages are used to measure the clicks. You can use wildcards to determine several pages with one indication. For example “https://www.domain.de/offer/*”stands for all web pages whose URL starts with /offer/.
For each selector event, set a category under which the selector event is listed in the Events Report. For example, the category “forms” for clicks to submit forms.
In the object box, enter a unique label for the events that are triggered with a CSS selector. The selected names can be found in the Events Report:
You can compare different events recorded using CSS selectors. For example, by creating two views of a web page or product and observing both using a CSS selector in etracker Analytics. Create a view with URL or page name to see for each page what has been clicked how often by how many visitors.
In order to change a selector event, a new installation is necessary. You can easily select the selectors and URL before deleting them and paste them into a new event from the clipboard.
By clicking on the “Delete Icon” you can remove selector events.