This guide shows you how to set up a tracking goal to record clicks that occur on specific elements of your website, such as buttons, links or images.
To use the "Visual Selection" feature, make sure you have saved the tracking project first.
Step-by-Step Procedure
1. Access the Goals Section
1. Access the tracking project you want to modify.
2. Click on the Goals tab (the second tab in the editing module).
3. Locate the box titled Click (mouse icon).
2. Activate the "Click" Goal
1. If the Click box is not active, click the Activate button in the top right corner of the box.
2. Once activated, a section will appear for configuring tracking rules.
3. Add a Click Rule
To track a click, you need to define a specific rule that identifies the clicked element. You can add multiple rules by clicking the Add Click button.
1. Click the Add Click button. A new configuration block will open.
4. Define the Element to Track
You have two main methods to define the element: Visual Selection (recommended) or manual selection via selector.
Option A: Visual Selection (Recommended)
This tool allows you to navigate your website and click on the desired element to automatically generate the selector.
1. In the newly added rule section, click the Visual Selection button.
2. A modal window will open loading your website.
3. Right-click on the element (link, button, etc.) you want to track.
- Alternatively, hold down the left mouse button for more than 1 second.
4. The system will show you the generated CSS selector. Click Confirm.
5. The CSS Selector field will be populated automatically and the "Selection Method" will be set to Via CSS Selector.
Option B: Manual Selection
If you prefer to manually enter the element identifier, use the dropdown menu Selection Method*.
1. In the dropdown menu Selection Method*, choose the most appropriate method to identify the element:
| Selection Method | Description |
|---|---|
| Via Destination Link (Link) | Tracks clicks based on destination URL (href). |
| Via Class (Class) | Tracks clicks based on CSS class (e.g., btn-primary). |
| Via Element ID (ID) | Tracks clicks based on unique element ID (e.g., #purchase-button). |
| Via CSS Selector (Selector) | Tracks clicks using a complex CSS selector (e.g., body .menu > a:nth-child(2)). |
| Via Element Text (Text) | Tracks clicks only if the element contains exactly that text. |
| Via Partial Text Match (Contains) | Tracks clicks if the element contains even part of specified text. |
2. In the field below (whose label changes depending on chosen method), enter the corresponding value (link, class, ID, selector or text).
5. Configure External Tracking (Optional)
If you want to send this click event also to external platforms (such as Meta Ads, Google Ads, TikTok, etc.), you must enable third-party tracking.
1. Find the Third-Party Tracking section (usually on right or bottom).
2. Check the Enable box.
3. The tracking preferences section will open, divided by platform (Meta Ads Events, Google Events, etc.).
4. Event Name: For each platform, enter the event identifier (for example, AddToWishlist or CustomClick).
- Note: If left empty, default event name will be used.
5. Custom Parameters (Optional): You can add additional parameters specific for each platform (e.g., value, currency).
6. Save the Project
1. Once all desired click rules are configured, click on the Save button (usually at bottom of page).
2. The system will immediately start tracking clicks according to your defined rules.
