Difference between revisions of "ATC/Current/SDK/autotrackClick"

From Genesys Documentation
Jump to: navigation, search
(Published)
(Published)
Line 10: Line 10:
 
|anchor=Description
 
|anchor=Description
 
|alignment=Vertical
 
|alignment=Vertical
|structuredtext=The <code>autotrackClick</code> module tracks when and where a user clicks on a webpage. To use <code>autotrackClick</code>, configure the click events to track using the following options:
+
|structuredtext=The <code>autotrackClick</code> module tracks when and where a visitor clicks on a webpage. To use <code>autotrackClick</code>, configure the click events to track using the following options:
  
 
*{{Link-SomewhereInThisVersion|manual=SDK|topic=autotrackClick|anchor=Config|display text=Config}}
 
*{{Link-SomewhereInThisVersion|manual=SDK|topic=autotrackClick|anchor=Config|display text=Config}}

Revision as of 16:42, December 17, 2020

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.

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.

Retrieved from "https://all.docs.genesys.com/ATC/Current/SDK/autotrackClick (2024-07-27 23:24:34)"
Comments or questions about this documentation? Contact us for support!