Tracking
Capture how users interact with Link.
Overview#
You can track user behavior in Link by including the onUIEvent
callback in your Link initialization.
The onUIEvent
callback is triggered for specific UI events in Link, and although optional, including this callback can help with troubleshooting as well as optimizing conversion rates.
Callbacks are not designed to be a primary source of analytics information. For detailed metrics on step-by-step conversion success rates, visit the Conversion area of Console's Dashboard or contact your customer success manager.
Callback format#
Add the line below to your Link initialization:
1onUIEvent: (payload) => console.log('onUIEvent', payload),
Callback payload#
The onUIEvent
callback returns:
- The
name
of the UI-related Event that triggered the callback. - A
properties
object, which can include:deepLink
(always) — Whether the user was directly connected to the Item.userId
(always) — ID of the user.accountId
(conditional) — ID of the user's account.itemId
(conditional) — ID of the relevant Item.- Event-specific properties (conditional) — See Events below.
Example:
1UIEvent ( 2 "name": "mfa - opened", 3 "properties": { 4 "deepLink": false, 5 "userId": "019ac324-91b5-2e5b-dc96-c931e25da1e2", 6 "itemId": "item_123456789", 7 "type": "Login", 8 "mfaType": "sms_code" 9 } 10)
Events#
Intro screen#
Event Name | Event Description | Event Specific Properties |
---|---|---|
intro - opened | The user opened the intro screen. | none |
Search screen#
Event Name | Event Description | Event Specific Properties |
---|---|---|
search - opened | The user opened the search screen. | none |
search - term updated | The user entered a search term. | term , tab |
search - link item selected | The user selected an Item from the search screen. | term , tab |
Property definitions:
term
— The text entered in the search field.tab
— The tab that was open when the user entered a search term or selected an Item. Ignored for empty (or deleted) search terms. Possible values:Popular
,Payroll providers
,Employers
Login screen#
Event Name | Event Description | Event Specific Properties |
---|---|---|
login - opened | The user opened the login screen or was returned to the login screen after a connection error. | errorCode , errorMessage |
login - form submitted | The user submitted login credentials. | none |
login - login help clicked | The user selected "Login help". | none |
Property definitions:
errorCode
— The account connection error relevant to the login screen that occurred. Possible values:auth_required
,connection_unavailable
,expired_credentials
,invalid_auth
,invalid_credentials
,mfa_cancelled_by_the_user
errorMessage
— The account connection error message shown to the user.
MFA screen#
Event Name | Event Description | Event Specific Properties |
---|---|---|
mfa - opened | The user was routed through a multi-factor authentication (MFA) process. | type , mfaType |
Property definitions:
type
— Whether MFA occurred during login or a deposit switch. Possible value:Login
,DDS
mfaType
— The type of MFA. Possible values:sms_code
,email_code
,secret_question
,email_link_confirmation
,otp_code
,email_message_confirmation
Success screen#
Event Name | Event Description | Event Specific Properties |
---|---|---|
success - opened | The user entered the success screen after a successful account connection. | none |
Account status screen#
Event Name | Event Description | Event Specific Properties |
---|---|---|
account status - opened | The user opened the account status screen. | none |
account status - disconnected | The user revoked access to an account. | none |
Direct deposit opened screen#
Event Name | Event Description | Event Specific Properties |
---|---|---|
dds settings - opened | The user opened the direct deposit settings screen. | allocationType |
Property definitions:
allocationType
— Which type of pay allocation was shown to the user. Possible values:percent
,amount
,none
Allocation type selection screen#
Event Name | Event Description | Event Specific Properties |
---|---|---|
allocation type selection - opened | The user opened the allocation type selection screen. | none |
Direct deposit success screen#
Event Name | Event Description | Event Specific Properties |
---|---|---|
dds success - opened | The user entered the success screen after a successful deposit switch. | none |
Account error screen#
Event Name | Event Description | Event Specific Properties |
---|---|---|
account error - opened | The user encountered an error while connecting an account. | connectionStatus , connectionErrorCode , ddsStatus , ddsErrorCode |
Property definitions:
connectionStatus
— Theconnection.status
of the Account.connectionErrorCode
— The account connection error that occurred.ddsStatus
- Thedirect_deposit_switch.status
of the Account.ddsErrorCode
- The deposit switching error that occurred.
Link error screen#
Event Name | Event Description | Event Specific Properties |
---|---|---|
error - opened | The user encountered an error while opening Link. | errorType |
Property definitions:
errorType
— The Link error that occurred.
Link closed#
Occurs when the user closes Link from any screen.
Event Name | Event Description | Event Specific Properties |
---|---|---|
link closed | The user closed Link. | closeMethod |
Property definitions:
closeMethod
— How Link was closed.Possible values:footer_button
— Link was closed by the user selecting theDone
(re-nameable) button on a final screen.x
— Link was closed by the user selecting[X]
in the upper-left of the screen.null
— Link was closed programmatically via an Argyle SDK, or when the onCantFindItemClicked callback is used, or any other event that causes Link to close.