Difference between revisions of "ATC/Current/SDK/Display icons in the Journey gadget"
From Genesys Documentation
DannaShirley (talk | contribs) (Published) |
|||
| Line 8: | Line 8: | ||
|Section={{Section | |Section={{Section | ||
|sectionHeading=About the icons | |sectionHeading=About the icons | ||
| − | |||
|anchor=About icons | |anchor=About icons | ||
| + | |Standalone=No | ||
| + | |ComingSoon=No | ||
|alignment=Horizontal | |alignment=Horizontal | ||
|image=IconColors.png | |image=IconColors.png | ||
| − | | | + | |Media=Image |
|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 24: | Line 25: | ||
}}{{Section | }}{{Section | ||
|sectionHeading=Code example | |sectionHeading=Code example | ||
| − | | | + | |Standalone=No |
| + | |ComingSoon=No | ||
| + | |alignment=Vertical | ||
|anchor=IconExampleCode | |anchor=IconExampleCode | ||
| − | | | + | |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"> | ||
| Line 35: | Line 38: | ||
}}{{Section | }}{{Section | ||
|sectionHeading=Purchase-related icons | |sectionHeading=Purchase-related icons | ||
| − | |||
|anchor=PurchaseIcons | |anchor=PurchaseIcons | ||
| + | |Standalone=No | ||
| + | |ComingSoon=No | ||
|alignment=Vertical | |alignment=Vertical | ||
| − | |||
|structuredtext=<br /> | |structuredtext=<br /> | ||
{{{!}} class="wikitable" | {{{!}} class="wikitable" | ||
| Line 65: | Line 68: | ||
}}{{Section | }}{{Section | ||
|sectionHeading=Form-related icons | |sectionHeading=Form-related icons | ||
| − | |||
|anchor=FormIcons | |anchor=FormIcons | ||
| + | |Standalone=No | ||
| + | |ComingSoon=No | ||
|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.|}} | ||
{{{!}} class="wikitable" | {{{!}} class="wikitable" | ||
| Line 90: | Line 93: | ||
}}{{Section | }}{{Section | ||
|sectionHeading=Miscellaneous icons | |sectionHeading=Miscellaneous icons | ||
| − | |||
|anchor=MiscIcons | |anchor=MiscIcons | ||
| + | |Standalone=No | ||
| + | |ComingSoon=No | ||
|alignment=Vertical | |alignment=Vertical | ||
| − | |||
|structuredtext=<br /> | |structuredtext=<br /> | ||
{{{!}} class="wikitable" | {{{!}} class="wikitable" | ||
Revision as of 13:34, January 17, 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!