Clicked Element

Segment event filter

The filter is part of the Sessions Dashboard and can be saved as a segment.


Each click on a link, a button, an image, or any other HTML element on your website is tracked by the Clicked Element filter.

How to configure - using SessionStack player

Consider the following use case: you want to know how many people are using a particular button on your website when a session (live or historical) is being played. This can be accomplished by selecting the Copy option for the element of interest directly from our player. Follow the steps below.



We advise using this method to locate and copy the CSS selector of the HTML element you want to examine. The copied string doesn't need to be modified in any way.

Step 1: From the sessions' player, select the button click event that you are interested in, expand its details and use the "Copy" option in the right corner. Check the image below.


Step 1: Use "Copy" for the element

Step 2: Choose "Clicked Element" from the segment filters


Step 2: Choose the "Clicked Element" event filter

Step 3: Paste directly the copied string to the "Clicked Element" field in segment filters


Step 3: Paste the string in the Clicked Element field and press the button "Apply"

Step 4: Check the list with all sessions of users who have clicked the element


Step 4: The list of all sessions filtered by the set value for "Clicked Element"

How to configure - using your web-browser dev tools

Use the "Copy Selector" option in your browser's developer tools and paste the output string into the Clicked Element box without editing the string.



Clicked Element filter works with an exact match of the CSS string and direct child (accepts child combinator ">") as part of the string. It does not accept wildcards or empty placeholder (space).

Example for valid CSS string:
body > > div > div.-mt3.-tac.-mb8.-pb4 > a.Btn.Btn--blank.Btn-demos-home-head-banner

Example for valid CSS string, used for the case below:

Take a look at the step-by-step instruction for setting the segment filter.

In the image below we want to find the user/users who have pressed the button "Send". Just use the "Copy Selector" option from your browser dev tools.


Step 1: Copying CSS selector for the specific element

Paste the CSS string in the "Clicked Element" event filter field.


Step 2: Pasting CSS string in the event filter “Clicked Element“

Check the list of users who have interacted with the specific element. Watch their session(s).


Step 3: Results for the users' search - user(s) with their relevant sessions