Difference between revisions of "ATC/Current/SDK/Display icons in the Journey gadget"

From Genesys Documentation
Jump to: navigation, search
(Published)
(Published)
Line 4: Line 4:
 
|TocName=Display icons in the Journey gadget
 
|TocName=Display icons in the Journey gadget
 
|Context=Learn how to use the SDK to display icons for tracked user behavior on the Journey map .
 
|Context=Learn how to use the SDK to display icons for tracked user behavior on the Journey map .
 +
|Dimension=DevTracking
 
|ComingSoon=No
 
|ComingSoon=No
 
|Platform=PureEngage, PureConnect, PureCloud
 
|Platform=PureEngage, PureConnect, PureCloud
 +
|Prereq=
 
|Section={{Section
 
|Section={{Section
 
|sectionHeading=About the icons
 
|sectionHeading=About the icons
Line 19: Line 21:
 
*{{Link-SomewhereInThisVersion|manual=SDK|topic=Display_icons_in_the_Journey_gadget|anchor=FormIcons|display text=Form-related icons}}
 
*{{Link-SomewhereInThisVersion|manual=SDK|topic=Display_icons_in_the_Journey_gadget|anchor=FormIcons|display text=Form-related icons}}
 
*{{Link-SomewhereInThisVersion|manual=SDK|topic=Display_icons_in_the_Journey_gadget|anchor=JourneyIcons|display text=Journey-related icons}}
 
*{{Link-SomewhereInThisVersion|manual=SDK|topic=Display_icons_in_the_Journey_gadget|anchor=JourneyIcons|display text=Journey-related icons}}
 +
|structuredtextwide=
 +
|FAQHeading=
 
|Status=No
 
|Status=No
 
}}{{Section
 
}}{{Section
Line 24: Line 28:
 
|anchor=IconExampleCode
 
|anchor=IconExampleCode
 
|alignment=Vertical
 
|alignment=Vertical
 +
|Media=
 +
|image=
 
|structuredtext=[[File:ShoppingCartEx.png]]
 
|structuredtext=[[File:ShoppingCartEx.png]]
  
Line 30: Line 36:
 
ac('record', 'product_added', { name: 't-shirt', id: 'hkds9d8j', price: '$45.45' });
 
ac('record', 'product_added', { name: 't-shirt', id: 'hkds9d8j', price: '$45.45' });
 
</source>
 
</source>
 +
|structuredtextwide=
 +
|FAQHeading=
 
|Status=No
 
|Status=No
 
}}{{Section
 
}}{{Section
Line 35: Line 43:
 
|anchor=PurchaseIcons
 
|anchor=PurchaseIcons
 
|alignment=Vertical
 
|alignment=Vertical
 +
|Media=
 +
|image=
 
|structuredtext=<br />
 
|structuredtext=<br />
 
{{{!}} class="wikitable"
 
{{{!}} class="wikitable"
Line 42: Line 52:
 
!Name
 
!Name
 
{{!}}-
 
{{!}}-
−
{{!}}[[File:Product added to cart.png|left|frameless|50x50px]]
+
{{!}}[[File:Product added to cart.png{{!}}left{{!}}frameless{{!}}50x50px]]
 
{{!}}Product added to cart
 
{{!}}Product added to cart
 
{{!}}The user added a product to their shopping cart.
 
{{!}}The user added a product to their shopping cart.
 
{{!}}"product_added"
 
{{!}}"product_added"
 
{{!}}-
 
{{!}}-
−
{{!}}[[File:Product removed from cart.png|left|frameless|50x50px]]
+
{{!}}[[File:Product removed from cart.png{{!}}left{{!}}frameless{{!}}50x50px]]
 
{{!}}Product removed from cart
 
{{!}}Product removed from cart
 
{{!}}The user removed a product from their shopping cart.
 
{{!}}The user removed a product from their shopping cart.
 
{{!}}"product_removed"
 
{{!}}"product_removed"
 
{{!}}-
 
{{!}}-
−
{{!}}[[File:Checkout successful.png|frameless|50x50px]]
+
{{!}}[[File:Checkout successful.png{{!}}frameless{{!}}50x50px]]
 
{{!}}Checkout complete
 
{{!}}Checkout complete
 
{{!}}The user completed the purchase of the items in their shopping cart.
 
{{!}}The user completed the purchase of the items in their shopping cart.
 
{{!}}"product_purchased"
 
{{!}}"product_purchased"
 
{{!}}}
 
{{!}}}
 +
|structuredtextwide=
 +
|FAQHeading=
 
|Status=No
 
|Status=No
 
}}{{Section
 
}}{{Section
Line 62: Line 74:
 
|anchor=FormIcons
 
|anchor=FormIcons
 
|alignment=Vertical
 
|alignment=Vertical
 +
|Media=
 +
|image=
 
|structuredtext={{NoteFormat|You can display the icons in this section via <code>{{Link-SomewhereInThisVersion|manual=SDK|topic=Record|display text=ac('record')}} </code>or via auto form tracking.|}}
 
|structuredtext={{NoteFormat|You can display the icons in this section via <code>{{Link-SomewhereInThisVersion|manual=SDK|topic=Record|display text=ac('record')}} </code>or via auto form tracking.|}}
 
{{{!}} class="wikitable"
 
{{{!}} class="wikitable"
Line 69: Line 83:
 
!Name
 
!Name
 
{{!}}-
 
{{!}}-
−
{{!}}[[File:Form submitted.png|frameless|50x50px]]
+
{{!}}[[File:Form submitted.png{{!}}frameless{{!}}50x50px]]
 
{{!}}Form submitted
 
{{!}}Form submitted
 
{{!}}The user submitted a form.
 
{{!}}The user submitted a form.
 
{{!}}"form_submitted"
 
{{!}}"form_submitted"
 
{{!}}-
 
{{!}}-
−
{{!}}[[File:Form abandoned.png|frameless|50x50px]]
+
{{!}}[[File:Form abandoned.png{{!}}frameless{{!}}50x50px]]
 
{{!}}Form abandoned
 
{{!}}Form abandoned
 
{{!}}The user navigated away from a form before completing it.
 
{{!}}The user navigated away from a form before completing it.
 
{{!}}"form_abandoned"
 
{{!}}"form_abandoned"
 
{{!}}}
 
{{!}}}
 +
|structuredtextwide=
 +
|FAQHeading=
 
|Status=No
 
|Status=No
 
}}{{Section
 
}}{{Section
Line 84: Line 100:
 
|anchor=MiscIcons
 
|anchor=MiscIcons
 
|alignment=Vertical
 
|alignment=Vertical
 +
|Media=
 +
|image=
 
|structuredtext=<br />
 
|structuredtext=<br />
 
{{{!}} class="wikitable"
 
{{{!}} class="wikitable"
Line 91: Line 109:
 
!Name
 
!Name
 
{{!}}-
 
{{!}}-
−
{{!}}[[File:Search.png|left|frameless|50x50px]]
+
{{!}}[[File:Search.png{{!}}left{{!}}frameless{{!}}50x50px]]
 
{{!}}Searched
 
{{!}}Searched
 
{{!}}The user searched for the string shown in the tooltip.
 
{{!}}The user searched for the string shown in the tooltip.
 
{{!}}"search_performed"
 
{{!}}"search_performed"
 
{{!}}}
 
{{!}}}
 +
|structuredtextwide=
 +
|FAQHeading=
 
|Status=No
 
|Status=No
 
}}
 
}}
 
}}
 
}}

Revision as of 10:14, June 10, 2020

This topic is part of the manual Journey JavaScript SDK for version Current of Genesys Predictive Engagement.

Learn how to use the SDK to display icons for tracked user behavior on the Journey map .

About the icons

Use the ac('record') method to display an Genesys Predictive Engagement icon on the Visit journey map (admin view) when a user completes a tracked behavior:

Available icons

Code example

ShoppingCartEx.png

This code example shows how to use ac('record') to display the Product added icon in the Visit journey map (admin view) when a user adds a t-shirt to their shopping cart.
ac('record', 'product_added', [optionalExtraDataObject]
ac('record', 'product_added', { name: 't-shirt', id: 'hkds9d8j', price: '$45.45' });

Purchase-related icons


Icon Tooltip text Description Name
Product added to cart.png
 Product added to cart The user added a product to their shopping cart. "product_added"
Product removed from cart.png
 Product removed from cart The user removed a product from their shopping cart. "product_removed"
Checkout successful.png Checkout complete The user completed the purchase of the items in their shopping cart. "product_purchased"

Form-related icons

Important
You can display the icons in this section via ac('record') or via auto form tracking.
Icon Tooltip text Description Name
Form submitted.png Form submitted The user submitted a form. "form_submitted"
Form abandoned.png Form abandoned The user navigated away from a form before completing it. "form_abandoned"

Miscellaneous icons


Icon Tooltip text Description Name
Search.png
 Searched The user searched for the string shown in the tooltip. "search_performed"
Retrieved from "https://all.docs.genesys.com/ATC/Current/SDK/Display_icons_in_the_Journey_gadget (2025-06-23 14:53:04)"
Comments or questions about this documentation? Contact us for support!