ATC/Current/SDK/autotrackInViewport - Revision history

Ed.jamer@genesys.com: Text replacement - "Genesys Cloud" to "Genesys Cloud CX"

2021-11-09T21:28:19Z

Text replacement - "Genesys Cloud" to "Genesys Cloud CX"

Barbara.martin@genesys.com: Published

2021-08-10T10:36:39Z

Published

Barbara.martin@genesys.com: Published

2021-04-28T18:29:30Z

Published

Barbara.martin@genesys.com: Published

2020-12-16T19:00:24Z

Published

Barbara.martin@genesys.com: Published

2020-12-16T18:00:08Z

Published

Barbara.martin@genesys.com: Published

2020-12-16T17:50:59Z

Published

WikiSysop: Text replacement - "\|Platform=([^\|])GenesysEngage-onpremises([\|])" to "|Platform=$1GenesysEngage-cloud$2"

2020-07-25T02:30:09Z

Text replacement - "\|Platform=([^\|]*)GenesysEngage-onpremises([\|]*)" to "|Platform=$1GenesysEngage-cloud$2"

WikiSysop: Text replacement - "\|Platforms?=([^\|])PureCloud([\|])" to "|Platform=$1GenesysCloud$2"

2020-07-15T12:00:39Z

Text replacement - "\|Platforms?=([^\|]*)PureCloud([\|]*)" to "|Platform=$1GenesysCloud$2"

WikiSysop: Text replacement - "\|Platforms?=([^\|])PureEngage([\|])" to "|Platform=$1GenesysEngage-onpremises$2"

2020-07-15T11:44:01Z

Text replacement - "\|Platforms?=([^\|]*)PureEngage([\|]*)" to "|Platform=$1GenesysEngage-onpremises$2"

DannaShirley: Published

2020-07-08T10:03:50Z

Published

New page

{{Article
|Standalone=No
|DisplayName=autotrackInViewport
|TocName=autotrackInViewport
|Context=Learn how to configure which element {{MINTYDOCSPRODUCT}} tracks on your websites as they appear and disappear from the viewport, so you have more accurate page tracking information for use in segments and outcomes.
|Dimension=Modules
|ComingSoon=No
|Platform=PureEngage, PureConnect, PureCloud
|Prereq=
|Section={{Section
|sectionHeading=Description
|anchor=Description
|alignment=Vertical
|Media=
|image=
|structuredtext=The <code>autotrackInViewport</code> module tracks when an element becomes visible in the viewport or disappears from the viewport. To use <code>autotrackInViewport</code>, use the following options to configure the elements that you want to track:

*{{Link-SomewhereInThisVersion|manual=SDK|topic=autotrackInViewport|anchor=Config|display text=Config}}
*{{Link-SomewhereInThisVersion|manual=SDK|topic=autotrackInViewport|anchor=Callback|display text=Callback}}
|structuredtextwide=
|FAQHeading=
|Status=No
}}{{Section
|sectionHeading=Signature
|anchor=Signature
|alignment=Vertical
|Media=
|image=
|structuredtext=<br /><syntaxhighlight lang="javascript">
ac('load', 'autotrackInViewport', config, [callback]);
</syntaxhighlight>
|structuredtextwide=
|FAQHeading=
|Status=No
}}{{Section
|sectionHeading=Example
|anchor=Example
|alignment=Vertical
|Media=
|image=
|structuredtext=<syntaxhighlight lang="javascript">
ac('load', 'autotrackInViewport', {
inViewportEvents: [
{ selector: 'button.bg-green', eventName: 'green_button_element' },
{ selector: 'footer *', eventName: 'footer_element' }
]
}, function () {
console.log('"autotrackInViewport" has been loaded');
});
</syntaxhighlight>
|structuredtextwide=
|FAQHeading=
|Status=No
}}{{Section
|sectionHeading=Config (required)
|anchor=Config
|alignment=Vertical
|Media=
|image=
|structuredtext=Description: identifies an array of elements that should be tracked.

Type: object

Properties:
{{{!}} class="wikitable" role="grid"
! class="confluenceTh tablesorter-header sortableHeader tablesorter-headerUnSorted" data-column="0" scope="col" role="columnheader" aria-label="Name: No sort applied, activate to apply an ascending sort" tabindex="0" aria-disabled="false" unselectable="on" aria-sort="none"{{!}}Name
! class="confluenceTh tablesorter-header sortableHeader tablesorter-headerUnSorted" data-column="1" scope="col" role="columnheader" aria-label="Description: No sort applied, activate to apply an ascending sort" tabindex="0" aria-disabled="false" unselectable="on" aria-sort="none"{{!}}Description
! class="confluenceTh tablesorter-header sortableHeader tablesorter-headerUnSorted" data-column="2" scope="col" role="columnheader" aria-label="Type: No sort applied, activate to apply an ascending sort" tabindex="0" aria-disabled="false" unselectable="on" aria-sort="none"{{!}}Type
! class="confluenceTh tablesorter-header sortableHeader tablesorter-headerUnSorted" data-column="3" scope="col" role="columnheader" aria-label="Status: No sort applied, activate to apply an ascending sort" tabindex="0" aria-disabled="false" unselectable="on" aria-sort="none"{{!}}Status
{{!}}- role="row"
{{!}} class="confluenceTd"{{!}}selector
{{!}} class="confluenceTd"{{!}}A string that selects elements. For more information, see https://developer.mozilla.org/en-US/docs/Web/API/Element/matches
{{!}} class="confluenceTd"{{!}}String
{{!}} class="confluenceTd"{{!}}required
{{!}}- role="row"
{{!}} class="confluenceTd"{{!}}eventName
{{!}} class="confluenceTd"{{!}}is a string that will be used as the event name when an element matching the selector moves into or outside the viewport.
{{!}} class="confluenceTd"{{!}}String
{{!}} class="confluenceTd"{{!}}required
{{!}}}

====Example====
<syntaxhighlight lang="javascript">
{
inViewportEvents: [
{ selector: 'button.bg-green', eventName: 'green_button_element' },
{ selector: 'footer', eventName: 'footer_element' }
]
}
</syntaxhighlight>
|structuredtextwide=
|FAQHeading=
|Status=No
}}{{Section
|sectionHeading=Callback
|anchor=callback
|alignment=Vertical
|Media=
|image=
|structuredtext=When a module fully loads, callback is executed. No arguments are passed to the callback.
|structuredtextwide=
|FAQHeading=
|Status=No
}}
}}

@@ Line 43: / Line 43: @@
 |anchor=Config
 |alignment=Vertical
-|structuredtext='''Description:''' identifies an array of elements that should be tracked.
+|structuredtext='''Description:''' Identifies an array of elements to track.
-'''Type:''' object
+'''Type:''' Object
 '''Properties:''' See the following table.

@@ Line 9: / Line 9: @@
 |Section={{Section
 |alignment=Vertical
-|structuredtext={{NoteFormat|1=This article only applies to customers using {{Link-AnywhereElse|product=ATC|version=Current|manual=AdminGuide|topic=About_web_chats|display text=web chat}}. If you are a Genesys Cloud customer, we encourage you to use the new {{Link-AnywhereElse|product=ATC|version=Current|manual=AdminGuide|topic=About_web_messaging|display text=web messaging}} feature to replace web chat.|2=}}<br />
+|structuredtext={{NoteFormat|1=This article only applies to customers using {{Link-AnywhereElse|product=ATC|version=Current|manual=AdminGuide|topic=About_web_chats|display text=web chat}}. If you are a Genesys Cloud CX customer, we encourage you to use the new {{Link-AnywhereElse|product=ATC|version=Current|manual=AdminGuide|topic=About_web_messaging|display text=web messaging}} feature to replace web chat.|2=}}<br />
 |Status=No
 }}{{Section

@@ Line 3: / Line 3: @@
 |DisplayName=autotrackInViewport
 |TocName=autotrackInViewport
-|Context=Learn how to configure which element {{MINTYDOCSPRODUCT}} tracks on your websites as they appear and disappear from the viewport. This configuration provides accurate page tracking information for use in segments and outcomes.{{BarbFeatureTemp|Feature=Web messaging}}This article only applies to customers using web chat. If you are a Genesys Cloud customer, we encourage you to use the new {{Link-AnywhereElse|product=ATC|version=Current|manual=AdminGuide|topic=About_web_messaging|display text=web messaging}} feature to replace web chat.
+|Context=Learn how to configure which element {{MINTYDOCSPRODUCT}} tracks on your websites as they appear and disappear from the viewport. This configuration provides accurate page tracking information for use in segments and outcomes.
 |Dimension=Modules
 |ComingSoon=No
 |Platform=PureConnect, GenesysCloud, GenesysEngage-cloud
 |Section={{Section
 |sectionHeading=Description
 |anchor=Description

@@ Line 6: / Line 6: @@
 |Dimension=Modules
 |ComingSoon=No
-|Platform=GenesysEngage-onpremises, PureConnect, GenesysCloud
+|Platform=GenesysEngage-cloud, PureConnect, GenesysCloud
 |Prereq=
 |Section={{Section

ATC/Current/SDK/autotrackInViewport - Revision history

Ed.jamer@genesys.com: Text replacement - "Genesys Cloud" to "Genesys Cloud CX"

Barbara.martin@genesys.com: Published

Barbara.martin@genesys.com: Published

Barbara.martin@genesys.com: Published

Barbara.martin@genesys.com: Published

Barbara.martin@genesys.com: Published

WikiSysop: Text replacement - "\|Platform=([^\|]*)GenesysEngage-onpremises([\|]*)" to "|Platform=$1GenesysEngage-cloud$2"

WikiSysop: Text replacement - "\|Platforms?=([^\|]*)PureCloud([\|]*)" to "|Platform=$1GenesysCloud$2"

WikiSysop: Text replacement - "\|Platforms?=([^\|]*)PureEngage([\|]*)" to "|Platform=$1GenesysEngage-onpremises$2"

DannaShirley: Published

WikiSysop: Text replacement - "\|Platform=([^\|])GenesysEngage-onpremises([\|])" to "|Platform=$1GenesysEngage-cloud$2"

WikiSysop: Text replacement - "\|Platforms?=([^\|])PureCloud([\|])" to "|Platform=$1GenesysCloud$2"

WikiSysop: Text replacement - "\|Platforms?=([^\|])PureEngage([\|])" to "|Platform=$1GenesysEngage-onpremises$2"