Adding a Click Trigger to a Web Experience

Modified on Thu, 25 Jul at 5:19 PM

A Click Trigger is an event that monitors clicks on specific elements within a webpage, tracking user interactions, such as button and link clicks. These clicks are recorded as Conversions in Reports and in Web Experiences > Metrics.


Click Conversions can be added in two locations.

  • Web Experiences > Variations > Editor Panel
  • Web Experiences > Conversions.

To add a Conversion through Web Experiences > Variations > Editor Panel, follow these steps.

  1. From the Left Nav menu, click Web Personalization > Web Experiences. 
  2. On the Web Experiences listing page, select a Web Experience. 
  3. Under Variations tab, select a Variation. 
  4. The Variation page is displayed with Preview Panel and Personalized Panel on the left Nav. 
  5.  Select a button or a link in the Preview Panel. The Editor Panel will open, displaying the Track as Conversion section. Click on Track as Conversion to expand the section. The Create Conversion button is displayed. Click Create Conversion. 
  6. The Add Click Conversion pop-up is displayed with following fields, Name, Description, URL of the Page and the CSS Selector of the Element that needs to be tracked. Enter the values and click Save.Note:  The URL of the Page and the CSS Selector of the Element are pre-populated with their respective values.
     
  7. The Conversion is saved displaying the Name of the Conversion with Edit and Delete Icon's.
    • Click the Edit Icon to modify the Conversion. The Edit Click Conversion pop-up appears, allowing you to modify the Name and Description fields. However, the  URL and the CSS selector cannot be modified. 
    • Click the Delete Icon. A Confirmation message is displayed with No and Yes. Click Yes. The Conversion is deleted with a confirmation message. 
  8. The saved Click Conversion is displayed in the Web Experiences > Conversions Page. 
  9. In runtime when users interacts with a button or a link that has a Click Conversation configured, these clicks are recorded as Conversions in Reports and in Web Experiences > Metrics.

    • Conversions displayed in Web Experiences > Metrics. 
    • Conversions displayed in Reports >  Web Experience.



To add a Conversion through Web Experiences > Conversions, follow these steps.


  1. From the Left Nav menu, lick Web Personalization > Web Experiences.
     
  2. On the Web Experiences listing page, select a Web Experience.

     
  3. On the Web Experience Details page, under the Conversions tab, click New Conversion. 
  4. From the Add Conversion pop-up window, select Click. 
  5. Enter the NameDescriptionURL, and CSS Selector of the element to be tracked. Click Save. 


    Note: If you want to track a button or link existing on various pages on your website, you can add multiple URLs. For example, if the Demo button exists on various pages, you can add multiple URLs for the same CSS selector.

    Similarly, on a page if you have multiple buttons or links that you want to track, you can enter multiple CSS selectors. For example, if you have multiple Demo buttons on the same page that you want to track, you can configure multiple CSS selectors for the same URL.

  6.  The Conversion is saved and displayed in the Conversion Details Page. Note: The CSS Selectors configured here for tracking purposes will be recorded in the Web Experiences > Metrics,   and in Reports > Web Experiences.



     

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article