Events Tracked in Web Onboarding

The events are documented in [Web Events Reference](../../../../../Data Science Team/Data Science Home/Data Science/Master Events Reference/Web Events Reference)

All the events have a source and AppName props, and all steps have stepId and Id
Example: source: start.thefabulous.co & AppName: elxir

Tracked User Properties

We have recently introduced sending the user’s answers (e.g. goalChoice steps) to be added to the user properties on Amplitude.

The user properties will be saved in onboardingAnswers an array in Amplitude except for the age & gender steps. They can be added directly to the user properties as a standalone keys.

How to set up age and gender steps in the onboarding to be added to the User Properties

We can add the gender step as a [Goal Choice](Onboarding Templates/Goal Choice) step, and the age as a [Goal Choice](Onboarding Templates/Goal Choice) or a question in [Questions](Onboarding Templates/Questions). The keys needed for both templates are:

• trackAsNewUserProperty - true or false to add it as a new key.
• userPropertyKey - the name of the key ( ).

[!NOTE]

• The keys need to be added directly to the step (or question if it’s used in the [Questions](Onboarding Templates/Questions) template)
• The naming convention is age_range & gender for the age & gender steps.

Templates that support the User Properties keys

• [Goal Choice](Onboarding Templates/Goal Choice)
• [Goal Choice Image](Onboarding Templates/Goal Choice Image)
• [Goal Choice Radio](Onboarding Templates/Goal Choice Radio)
• [Questions](Onboarding Templates/Questions)
• [Pick Interest](Onboarding Templates/Pick Interest)
• [Questions](Onboarding Templates/Questions)

Examples

goalChoice age

{
    "type": "goalChoice",
    "title": "What is your age?",
    "backgroundImage": "https://c.thefab.co/web-onboarding/time/img_age_background.webp",
    "stepId": "age_choice",
    "subtitle": "",
    "key": "age_choice",
    "backgroundColor": "#004b42",
    "hideIcons": true,
    "textColor": "#fff",
    "trackAsNewUserProperty": true,
    "userPropertyKey":"age_range",
    "desktopBackground": "https://c.thefab.co/web-onboarding/time/web-onboarding-time-green-1.jpeg",
    "choices": [
        {
            "name": "Under 20",
            "locked": false,
            "value": "u20",
            "nameColor": "#006055",
            "backgroundColor": "#FFFFFF",
            "hideDarkOverlay": true,
            "hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
        },
        {
            "name": "20s",
            "locked": false,
            "value": "20",
            "nameColor": "#006055",
            "backgroundColor": "#FFFFFF",
            "hideDarkOverlay": true,
            "hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
        },
        {
            "name": "30s",
            "locked": false,
            "value": "30",
            "nameColor": "#006055",
            "backgroundColor": "#FFFFFF",
            "hideDarkOverlay": true,
            "hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
        },
        {
            "name": "40s",
            "locked": false,
            "value": "40",
            "nameColor": "#006055",
            "backgroundColor": "#FFFFFF",
            "hideDarkOverlay": true,
            "hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
        },
        {
            "name": "50+",
            "locked": false,
            "value": "50",
            "nameColor": "#006055",
            "backgroundColor": "#FFFFFF",
            "hideDarkOverlay": true,
            "hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
        }
    ]
},

goalChoice gender

{
    "type": "goalChoice",
    "title": "What's your gender?",
    "subtitle": "We'd like to personalize your experience as much as possible",
    "backgroundImage": "https://c.thefab.co/web-onboarding/time/img_gc_04.webp",
    "stepId": "sex_choice",
    "key": "sex_choice",
    "backgroundColor": "#8AD2C8",
    "hideIcons": true,
    "textColor": "#fff",
"trackAsNewUserProperty": true,
"userPropertyKey":"gender",
"desktopBackground": "https://c.thefab.co/web-onboarding/time/web-onboarding-time-green-1.jpeg",
"choices": [
    {
        "name": "Male",
        "locked": false,
        "value": "male",
        "nameColor": "#006055",
        "backgroundColor": "#FFFFFF",
        "hideDarkOverlay": true,
        "hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
    },
    {
        "name": "Female",
        "locked": false,
        "value": "female",
        "nameColor": "#006055",
        "backgroundColor": "#FFFFFF",
        "hideDarkOverlay": true,
        "hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
    },
    {
        "name": "Non-Binary",
        "locked": false,
        "value": "non_binary",
        "nameColor": "#006055",
        "backgroundColor": "#FFFFFF",
        "hideDarkOverlay": true,
        "hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
    },
    {
        "name": "Prefer not to say",
        "locked": false,
        "value": "prefer_not",
        "nameColor": "#006055",
        "backgroundColor": "#FFFFFF",
        "hideDarkOverlay": true,
        "hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
    }
]
}

question age

  {
    "type": "questions",
    "stepId": "questions_name_email",
    "backgroundColor": "#052E6C",
    "questions": [
        {
            "type": "name",
            "title": "My first name is...",
            "bottomBarColor": "#0B4EB5",
            "ctaColor": "#FFFFFF",
            "backgroundColor": "#052E6C",
            "ctaTextColor": "#052E6C",
            "textColor": "#FFF",
            "ctaText": "Continue",
            "placeholder": " Enter your name"
        },
        {
            "type": "age",
            "title": "What is your age?",
            "backgroundColor": "#052E6C",
            "ctaColor": "#FFFFFF",
            "ctaTextColor": "#0B3887",
            "bottomBarColor": "#0B4EB5",
            "termsLinkColor": "#5ECCE0",
            "isSkippable": false,
            "textColor": "#FFF",
            "ctaText": "Continue",
            "placeholder": "Your age",
            "trackAsNewUserProperty": true,
            "userPropertyKey": "age_range"
        },
        {
            "type": "email",
            "title": "Enter your Email to save your progress",
            "showEmailCheckmark": true,
            "emailRequired": true,
            "showImprovedEmailSuggestion": true,
            "bottomBarColor": "#0B4EB5",
            "ctaColor": "#FFFFFF",
            "backgroundColor": "#052E6C",
            "ctaTextColor": "#0B3887",
            "tickColor": "#FFFFFF",
            "selectedTickBackgroundColor": "#5ECCE0",
            "ctaText": "Continue",
            "textColor": "#FFF",
            "placeholder": " example@email.com",
            "invalidEmailMessage": "* Please enter a valid email address"
        }
    ]
},