View source for ATC/Current/SDK/autotrackClick

{{Article
|Standalone=No
|DisplayName=autotrackClick
|TocName=autotrackClick
|Context=Learn how to configure which click events {{MINTYDOCSPRODUCT}} tracks on your web sites. This configuration provides more accurate page tracking information for use in segments and outcomes.
|Dimension=Modules
|ComingSoon=No
|Section={{Section
|sectionHeading=Description
|anchor=Description
|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:

*{{Link-SomewhereInThisVersion|manual=SDK|topic=autotrackClick|anchor=Config|display text=Config}}
*{{Link-SomewhereInThisVersion|manual=SDK|topic=autotrackClick|anchor=Callback|display text=Callback}}
|Status=No
}}{{Section
|sectionHeading=Signature
|anchor=Signature
|alignment=Vertical
|structuredtext=<syntaxhighlight lang="java">

ac('load', 'autotrackClick', config, [callback]);
</syntaxhighlight><br />
|Status=No
}}{{Section
|sectionHeading=Example
|anchor=Example
|alignment=Vertical
|structuredtext=<syntaxhighlight lang="java">
ac('load', 'autotrackClick', {
  clickEvents: [
    { selector: 'button.bg-green', eventName: 'green_button_clicked' },
    { selector: 'footer *', eventName: 'footer_clicked' }
  ]
}, function () {
    console.log('"autotrackClick" has been loaded');
});
</syntaxhighlight>
|Status=No
}}{{Section
|sectionHeading=Config (required)
|anchor=Config
|alignment=Vertical
|structuredtext='''Description:''' Identifies an array of click events to track. 

'''Type:''' Object 

'''Properties:''' See the following table. 

{{{!}} class="wikitable"
{{!}}+
!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====
<syntaxhighlight lang="javascript">
{
  clickEvents: [
    { selector: 'button.bg-green', eventName: 'green_button_clicked' },
    { selector: 'footer *', eventName: 'footer_clicked' }
  ]
}
</syntaxhighlight>
|Status=No
}}{{Section
|sectionHeading=Callback (optional)
|anchor=Callback
|alignment=Vertical
|structuredtext=When a module loads, callback is executed. No arguments pass to the callback.
|Status=No
}}
}}