Difference between revisions of "ATC/Current/SDK/Display icons in the Journey gadget"
From Genesys Documentation
DannaShirley (talk | contribs) (Published) |
|||
| Line 2: | Line 2: | ||
|Standalone=No | |Standalone=No | ||
|DisplayName=Display icons in the Journey gadget | |DisplayName=Display icons in the Journey gadget | ||
| − | |||
|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 . | ||
|ComingSoon=No | |ComingSoon=No | ||
| − | | | + | |Platform=PureEngage, PureConnect, PureCloud |
|Section={{Section | |Section={{Section | ||
|sectionHeading=About the icons | |sectionHeading=About the icons | ||
|anchor=About icons | |anchor=About icons | ||
| − | |||
| − | |||
|alignment=Horizontal | |alignment=Horizontal | ||
| + | |Media=Image | ||
|image=IconColors.png | |image=IconColors.png | ||
| − | |||
|structuredtext=Use the <code>{{Link-SomewhereInThisVersion|manual=SDK|topic=Record|display text=ac('record')}}</code> method to display an {{MINTYDOCSPRODUCT}} icon on the {{Link-SomewhereInThisVersion|manual=AdminGuide|topic=Customer_journey_map}} when a user completes a tracked behavior: | |structuredtext=Use the <code>{{Link-SomewhereInThisVersion|manual=SDK|topic=Record|display text=ac('record')}}</code> method to display an {{MINTYDOCSPRODUCT}} icon on the {{Link-SomewhereInThisVersion|manual=AdminGuide|topic=Customer_journey_map}} when a user completes a tracked behavior: | ||
| Line 21: | Line 19: | ||
*{{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}} | ||
| − | |||
|Status=No | |Status=No | ||
}}{{Section | }}{{Section | ||
|sectionHeading=Code example | |sectionHeading=Code example | ||
| − | | | + | |anchor=IconExampleCode |
| − | |||
|alignment=Vertical | |alignment=Vertical | ||
| − | |||
|structuredtext=[[File:ShoppingCartEx.png]] | |structuredtext=[[File:ShoppingCartEx.png]] | ||
This code example shows how to use <code>{{Link-SomewhereInThisVersion|manual=SDK|topic=Record|display text=ac('record')}}</code> to display the {{Link-SomewhereInThisVersion|manual=SDK|topic=Display_icons_in_the_Journey_gadget|anchor=PurchaseIcons|display text=Product added}} icon in the {{Link-SomewhereInThisVersion|manual=AdminGuide|topic=Customer_journey_map}} when a user adds a t-shirt to their shopping cart.<source lang="javascript"> | This code example shows how to use <code>{{Link-SomewhereInThisVersion|manual=SDK|topic=Record|display text=ac('record')}}</code> to display the {{Link-SomewhereInThisVersion|manual=SDK|topic=Display_icons_in_the_Journey_gadget|anchor=PurchaseIcons|display text=Product added}} icon in the {{Link-SomewhereInThisVersion|manual=AdminGuide|topic=Customer_journey_map}} when a user adds a t-shirt to their shopping cart.<source lang="javascript"> | ||
ac('record', 'product_added', [optionalExtraDataObject] | ac('record', 'product_added', [optionalExtraDataObject] | ||
| − | 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> | ||
|Status=No | |Status=No | ||
| Line 39: | Line 34: | ||
|sectionHeading=Purchase-related icons | |sectionHeading=Purchase-related icons | ||
|anchor=PurchaseIcons | |anchor=PurchaseIcons | ||
| − | |||
| − | |||
|alignment=Vertical | |alignment=Vertical | ||
|structuredtext=<br /> | |structuredtext=<br /> | ||
| Line 64: | Line 57: | ||
{{!}}"product_purchased" | {{!}}"product_purchased" | ||
{{!}}} | {{!}}} | ||
| − | |||
|Status=No | |Status=No | ||
}}{{Section | }}{{Section | ||
|sectionHeading=Form-related icons | |sectionHeading=Form-related icons | ||
|anchor=FormIcons | |anchor=FormIcons | ||
| − | |||
| − | |||
|alignment=Vertical | |alignment=Vertical | ||
|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.|}} | ||
| Line 89: | Line 79: | ||
{{!}}"form_abandoned" | {{!}}"form_abandoned" | ||
{{!}}} | {{!}}} | ||
| − | |||
|Status=No | |Status=No | ||
}}{{Section | }}{{Section | ||
|sectionHeading=Miscellaneous icons | |sectionHeading=Miscellaneous icons | ||
|anchor=MiscIcons | |anchor=MiscIcons | ||
| − | |||
| − | |||
|alignment=Vertical | |alignment=Vertical | ||
|structuredtext=<br /> | |structuredtext=<br /> | ||
| Line 109: | Line 96: | ||
{{!}}"search_performed" | {{!}}"search_performed" | ||
{{!}}} | {{!}}} | ||
| − | |||
|Status=No | |Status=No | ||
}} | }} | ||
}} | }} | ||
Revision as of 13:06, February 26, 2020
This topic is part of the manual Journey JavaScript SDK for version Current of Genesys Predictive Engagement.
Contents
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
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 | The user added a product to their shopping cart. | "product_added" |
 |
Product removed from cart | The user removed a product from their shopping cart. | "product_removed" |
|
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 | The user submitted a form. | "form_submitted" |
|
Form abandoned | The user navigated away from a form before completing it. | "form_abandoned" |
Miscellaneous icons
| Icon | Tooltip text | Description | Name |
|---|---|---|---|
 |
Searched | The user searched for the string shown in the tooltip. | "search_performed" |
Comments or questions about this documentation? Contact us for support!