Element Click Goal
What is an Element click?
When are Element Click Goals most effective ?
- You want to track clicks on a button (eg. Sign up, Add to cart etc.,)
- The click does not redirect to a unique confirmation page.
- You are running an A/B test on a CTA.
- The same CTA appears across multiple sections and you want combined tracking.
- You want to measure engagement before the final conversion
How to Setup an Element Click Goal?
- In the Track module, click New Goal to start creating a goal.
- This opens the goal configuration setup where you can choose the goal type and define tracking conditions.
- Enter a clear and descriptive name for your goal so it can be easily identified in reports.
Example:CTA Element click
From the list of available goal types, select Element Click
Click Next to proceed.
- In this step, you define where the selected element exists and where tracking should be active.
- PageSense offers an Advanced option that gives you greater control over where your goal should run. Within this Advanced section, you can choose from 8 different URL match types, allowing you to precisely define which pages should be included or excluded from tracking based on your website structure.
URL Match Type | When to use | Example | What it tracks |
Simple URL | When tracking a single static page | Only that specific page | |
Exact URL | When the URL must match exactly | Tracks only the exact URL entered | |
URL contains | When tracking multiple related options | Tracks all URLs containing “/product” | |
Starts with | When tracking a section or a folder | Tracks all blog pages | |
Ends with | When tracking pages with a common ending | Tracks any URL ending in ''thank-you'' | |
Matches with | For flexible partial matching | https://zylkerautomation.zohocommerce.com/offer | Tracks URL matching similar patterns |
| Regex | For dynamic or complex URL structures | Tracks product pages with numeric IDs | |
| Page Groups | When tracking a predefined group of URLs | Zylker – Marketing Campaign Pages | Tracks all URLs inside the defined group |
Select the appropriate match type based on your requirement.
Enter the corresponding URL value.
Add multiple conditions if the element appears across different sections.
Choose the match type carefully to avoid over-tracking or missing valid conversions.
If the same element appears globally (for example, in the header or footer), but should not count as a conversion on certain pages, use the Pages Not to Track option.
Apply the same URL match types to define exclusion rules.
This prevents inflated or misleading conversion data.
Here, you define the exact HTML element whose clicks should be recorded as conversions.
There are two methods to select the element:
The Visual Element Selector allows you to select elements directly from the page without technical knowledge.
-
Enter a Preview URL.
-
The page loads inside PageSense.
-
Hover over elements to highlight them.
-
Click the element you want to track.
-
PageSense automatically generates the appropriate selector.
-
Reduces human error.
-
Automatically creates optimized selectors.
-
Works well for non-technical users.
-
Saves setup time.
You can manually enter a CSS selector if you know the element’s structure.
A CSS selector identifies a specific element on a webpage using:
ID Selector →
#signup-button
(Most reliable because IDs are unique)Class Selector →
.cta-button
(Used when multiple elements share styling)Combination Selector →
.hero-section .start-trial
(Targets a specific element inside a section)Attribute Selector →
button[data-action="signup"]
(Targets based on custom attributes)
Prefer ID selectors whenever available.
Avoid very generic class names like
.buttonor.primary.Ensure the selector uniquely identifies only the intended element.
Incorrect or overly broad selectors may result in:
Tracking unintended elements
Inflated conversion counts
Inaccurate reporting
After selection, always review the generated selector before proceeding.
If your website loads content dynamically without a full page refresh - especially beyond login pages - the standard preview mode may not capture elements accurately. In that case, Chrome extension would be recommended.
Dynamic websites:
-
Load elements asynchronously.
-
Change page states without URL reload.
-
Render content after API calls.
In such cases, selectors may fail if captured too early.
-
The element appears only after clicking another button.
-
The page does not reload on navigation.
-
The selector changes dynamically.
-
You are unable to select the element in preview mode.
The Chrome Extension ensures accurate selector capture for complex or dynamic page structures.
-
Click buttons
-
Open dropdowns
-
Trigger popups
-
Navigate between sections
-
Interact with dynamic content
This ensures that the element is selected in its actual interaction state.
-
Double-check page targeting rules.
-
Confirm that exclusions are correctly set.
-
Ensure the selector uniquely identifies the correct element.
Once everything is verified, click Launch.
PageSense will begin tracking clicks immediately after activation.
We’ve designed this documentation to guide you every step of the way. If you need further assistance or have any questions, don’t hesitate to contact us at support@zohopagesense.com - we’re always here to help!
Access your files securely from anywhere
Zoho CRM Training Programs
Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.
Zoho DataPrep Personalized Demo
If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
All-in-one knowledge management and training platform for your employees and customers.
Create. Review. Publish.
You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.
Zoho Sheet Resources
Zoho Forms Resources
Zoho Sign Resources
Sign, Paperless!
Zoho TeamInbox Resources
Design. Discuss. Deliver.
Related Articles
Set goals and launch your push notification
The primary goal of any notification is to evoke a desired action from the users reaching your website. You can easily track this by creating different types of goals for your targeted audience on PageSense. These can trigger automated ...Frequently Asked Questions
1. How is Conversion Rate calculated in Goals? Conversion Rate is calculated using the formula: Conversion Rate = (Total Conversions ÷ Total Visitors) × 100 This metric helps you understand how effectively your page, campaign, or experiment is ...Link Click Goal
What is a Link Click Goal? A Link Click Goal allows you to track when a visitor clicks on a hyperlink (<a> tag) on your website. This goal type is designed specifically to measure navigation behavior - whether users click internal links, external ...Add a click-on-element goal to your variation
PageSense allows you to choose a specific element to the variation page and add a click-on-element goal to it in the visual editor. This method of setting element goals helps you track clicks on buttons such as signup, submit, or any CTA on your ...Add a click on element goal to your variation
Once you are done optimizing your web page, you can test and track how many visitors clicked on an HTML element on your variation such as CTA buttons (Sign Up, Add to Cart, Download, etc.), menus, navigation bars, videos, images, and other elements ...