In VWO, every action your visitor performs on the webpage can be tied to a goal to track visitor behavior during a test. A goal is triggered when the visitors perform the action defined by you on the webpage. The different conversion goals cover every possible action a visitor may take on your website.
Track Page Visits
Records a goal conversion when a visitor lands on the specified page URL. For example, if your goal is to check how many visitors land on the Products page of your website, you can select this goal type and enter the URL of the product page like www.example.com/products. VWO will tracks all visits to the page.
You can use advanced options such as Include/Exclude and pattern matching to define multiple URLs to track using this goal type. To learn about using different URL types for a goal, click here.
Track Form Submits
Tracks how many visitors successfully submit a form on your website such as Contact information, Enquiry, lead generation, event registration, and so on. Track Form Submits option requires you to add two URLs – the page where the form is available, and the page where the data is submitted.
Track Click on Links
Tracks how many visitors click on a hyperlink inside a webpage. To ensure that all hyperlinks pointing to the same URL are tracked together, specify the target page of the tracked links.
Track Clicks on Elements
Tracks how many visitors clicked on an HTML element on a webpage. You can track clicks on menus, navigation bars, videos, images, and other elements using this goal type. To track an element, you will need to specify the URL of the page where the element resides and the exact CSS selector path for the element in the webpage DOM.
You can also add the goal to track clicks on elements using VWO Visual Editor:
- Select the element you want to track for clicks.
- Click the Track Clicks option.
- The following widget pops up where you can define how you want to track clicks on the element.
- By default, VWO opens a widget with pre-filled href of the link which you can change to a valid URL pattern. All anchor elements which match that URL pattern is tracked under the goal. Alternatively, you can create a new goal to track clicks on the element or add the goal to an existing click on element goal you have already defined for the test.
How to Verify the CSS Selector Path of an Element
You must verify any CSS selector path you have used to create test goals. To verify if the CSS selector path is defined correctly, you can use the Developer tool of the browser.
- Run vwo_$(‘CSS path’) in the console of the Developer tool of the browser.
- Expand the result displayed by executing vwo_$(‘CSS path’).
- Point to an element on the page, and then you will notice that the element gets highlighted. The highlighting is a confirmation that the CSS selector for the element is correct and can be used for defining test goals.
- To specify a class or element ID for setting up click element goals, enter the class name as .class-name (with a dot(.)) and an ID as #ID (with a Hash(#))
For example, consider an eCommerce site where users make purchases. You can track the revenue generated after the users submit the billing detail form successfully. To determine the revenue earned, you can simply define a revenue tracking goal for each successful submission of the billing form. To know more about implementing a revenue tracking goal, click here.
Track Custom Conversion
Tracks goal conversion which is not tracked through the previous goal types or track custom events, such as Ajax request completion.
For example, you can create a triggers custom conversion at URL goal for a pop-up event on your website. Since clicks on the pop-up event is not directly related to a normal click on the website, creating custom conversion goal can help you track how many users view the pop-up.