autotrackClick
From Genesys Documentation
Revision as of 21:28, November 9, 2021 by Ed.jamer@genesys.com (talk | contribs) (Text replacement - "Genesys Cloud" to "Genesys Cloud CX")
This topic is part of the manual Journey JavaScript SDK for version Current of Genesys Predictive Engagement.
Learn how to configure which click events Genesys Predictive Engagement tracks on your websites. This configuration provides more accurate page tracking information for use in segments and outcomes.
Important
This article only applies to customers using web chat. If you are a Genesys Cloud CX customer, we encourage you to use the new web messaging feature to replace web chat.Description
The autotrackClick
module tracks when and where a visitor clicks on a webpage. To use autotrackClick
, configure the click events to track using the following options:
Signature
ac('load', 'autotrackClick', config, [callback]);
Example
ac('load', 'autotrackClick', {
clickEvents: [
{ selector: 'button.bg-green', eventName: 'green_button_clicked' },
{ selector: 'footer *', eventName: 'footer_clicked' }
]
}, function () {
console.log('"autotrackClick" has been loaded');
});
Config (required)
Description: Identifies an array of click events to track.
Type: Object
Properties: See the following table.
Name | Description | Type | Status |
---|---|---|---|
selector | String that selects elements. For more information, see https://developer.mozilla.org/en-US/docs/Web/API/Element/matches | String | required |
eventName | String used as the event name when an element matching the selector is clicked. | String | required |
Example
{
clickEvents: [
{ selector: 'button.bg-green', eventName: 'green_button_clicked' },
{ selector: 'footer *', eventName: 'footer_clicked' }
]
}
Callback (optional)
When a module loads, callback is executed. No arguments pass to the callback.
Comments or questions about this documentation? Contact us for support!