# Clicked Element Filters

Clicked Element Filters allow you to analyze user behavior by filtering session data based on specific elements on your website or application. 

By applying this filter, you can:

* **Understand user intent:** Gain insights into why users click or do not click certain elements and understand their navigation patterns.
* **Troubleshoot issues:** Identify broken or unresponsive elements that users frequently attempt to interact with.
* **Perform A/B testing:** Compare the number of users that clicked on a button vs another to understand what works better with your users and make design decisions accordingly

You can use the text of a clicked element or its ID or CSS selector to filter the data.

### **Clicked Element Text Filter**

#### **How to Use the Clicked Element Filter**

1. Select **"Clicked Element Text"** from the filters

<figure><img src="/files/56xpAba32J64XIsi1c24" alt=""><figcaption></figcaption></figure>

2. **Select the operator as per your requirement**

<figure><img src="/files/2dH66Jsphq6uHXa3J0E0" alt=""><figcaption></figcaption></figure>

3. Specify **the** **element**/ select the element from **Dropdown**

> Input the unique identifier of the element (e.g., button text, link text...).

<figure><img src="/files/SxHwWqT4dp64eu9SsvYH" alt=""><figcaption></figcaption></figure>

4. Additionally, you can add a URL filter (Optional)

> If not specified all pages where the particular element was clicked, are considered.&#x20;

<figure><img src="/files/7MrjiLNqFuWuOj5I0k8s" alt=""><figcaption></figcaption></figure>

#### **Use Cases for Clicked Element Filter**

* Monitor clicks on specific call-to-action buttons.
* Analyze interactions with navigation menus.
* Track clicks on promotional banners or key features.

***

### **CSS Selector Filter**

**CSS Selector Filter** provides an alternate way to filter click interactions based on CSS selectors or click element IDs. This is particularly useful when targeting elements dynamically or when identifiers are not unique.

#### **How to Use the CSS Selector**

1. Select **"Clicked Element Text"** from the filters

<figure><img src="/files/a2lAnmhIuZYANk0VVcfe" alt=""><figcaption></figcaption></figure>

2. **Select the operator as per your requirement**

<figure><img src="/files/JjaxMJa1K8fbgRJlTOQ7" alt=""><figcaption></figcaption></figure>

3. Select the **CSS selector** from the dropdown. Preferably do a "contains" on the element ID because the CSS selector that Zipy captures in real time might vary from what appears on your live site.&#x20;

<figure><img src="/files/h4FjceGnHVovXkyLYtXj" alt=""><figcaption></figcaption></figure>

4. Additionally, you can add a URL filter (Optional)

> If not specified allwhere the CSS Selector element was clicked, are considered.  pages&#x20;

<figure><img src="/files/3xUAFPlwGqpGjaf4NdF4" alt=""><figcaption></figcaption></figure>

#### **Use Cases for CSS Selector Filtering**

* Debugging issues with dynamic elements.
* Analyzing interactions on elements styled with specific classes or IDs.

### **Best Practices**

* **Use Specific Selectors:** Narrow down your focus by providing unique identifiers or detailed selector patterns to avoid noise in your data.
* **Combine Filters:** Pair Clicked Element or CSS Selector filters with other session filters like user details, location, or device for deeper insights.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.zipy.ai/product-features/clicked-element-filters.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.