Who can use this feature?
- Available with Enterprise and Advanced plans.
- Explorers can view and create. Admins, architects, and standard users can view, create, and save.
Introduction to Journeys
Fullstory Journeys help you visualize how users explore your site, showing you step-by-step page navigation and other key interactions along the way. With Journeys, you can answer questions like:
- Are users navigating our site in the way we intended?
- What are the most common navigation paths, and how do they vary by segment?
- How do users arrive at a particular page, and where do they go next?
This is part one of a two-part series on Journeys. In this article, we'll review the components of a Journey, how to get started, how to analyze your results, and frequently asked questions. In the next article, we'll provide some sample Journeys for inspiration so you can get started right away.
The Components of a Journey
There are three core components of a Journey: Pages, Events, and Elements.
Pages
Journeys show you how users navigate from one page to another as they move about your site. Each page represents a URL or a group of similar URLs that follow general patterns across similar page structures. For example, the “Product Detail” page may contain all URLs that match the pattern: https://www.ecommerce-co.com/product/*
Fullstory uses machine learning to identify these patterns and group URLs into pages on your behalf. This doesn’t require any instrumentation on your part; however, you may wish to review your Learned Pages and make changes to their names and rules for clarity. This will help you understand how the pages in your Journeys are configured as you dive into your results.
Events
You can add even more context to your journey by setting up custom API events or user defined events. By instrumenting custom API events using the FS.event API, you can capture these moments and visualize them as part of your Journeys. Defined Events let you assign your own names to user behaviors events you track in Fullstory.
Elements
In addition to page views and custom events, you can also see clicks or views of Named Elements within Journeys. To utilize this component in your visualization, start creating Named Elements within your captured sessions.
Note: Pages, Defined Events and Named Elements are not retroactive in Journeys.
How to Configure Journeys
You can easily configure a Journey in 5 simple steps.
1. Choose Starts with or Ends with: Journeys can help you understand how users navigate from a given starting point or toward a given end point. Choose "Starts with" or "Ends with" based on the path you'd like to analyze.
2. Choose a Page, Event, or Element: You can start or end your Journey with a specific page, an event (user defined or custom API), an element (watched or clicked) or the most common entry/exit pages or events for your site. This dynamically generates the five most common entry and exit paths based on your data, and it's a great option when you'd like to learn more about how the majority of users navigate your experience.
3. Advanced Settings: If needed, adjust the advanced settings for your Journey. You likely won't need to edit these often.
4. Combine repeated steps: Sometimes, it may appear that a user visits the same page back to back (for example, when they refresh the page in their browser). "Combine repeated steps" consolidates those repeats to minimize clutter in your Journey, but you can disable this to show repeated steps if needed.
5. Show journeys for users: Finally, find people who performed these events during the same session or across any number of sessions. Within the same complete session” is the default behavior. This is helpful for seeing how users explore your site in one sitting, whereas “across any number of sessions” can expand to show the user journey across multiple visits. See “What defines a session in Fullstory?” to learn more about sessions.
Click Explore, and you're off to the races!
Understanding the visualization
Here comes the really fun part–seeing each step in your Journey visualized on the screen! Fullstory shows you up to five steps in your Journey by default.
The example below is looking at the first two steps in a Journey and three key data points of users who start on our Homepage.
- We see that users begin our Journey in 1,300 sessions.
- Next, we see that users continue the Journey in 77.7% of those sessions. In 22.3%, they exit right away.
- Finally, we see that of those who continue, 77% proceed to our Market Product Listing Page (PLP) and 19% add a product to their cart.
Note: By default, Journeys show the total number of sessions that match your criteria. If you change the advanced settings to look for users who completed each step across any number of sessions instead of within the same session, you'll see the total number of users listed instead.
Event Types
Use the event types dropdown to include or exclude Pages, Events (API Defined or User Defined) and/or Elements (Clicked or Watched) within your visualization.
Hide Events
Remove specific events to filter out the less significant or redundant events to focus on events that matter most. Hiding events will temporarily remove them from view but it will not permanently eliminate them from the Journey.
View hidden events above Advanced Settings.
Add Step
By default, Journeys will include five steps. You can add more steps to a journey via the 'Add Step' button for up to a total of 10 steps.
At this time, additional steps cannot be removed from a Journey.
Group by Property
Additionally, you can group Custom API Events and Pages by a property for a deeper Journeys analysis.
Analyzing Your Results
Fullstory visualizes your results with an interactive Journey, showing you how users navigate from page to page and encounter custom API events along the way. Use the features below to dive into your data!
Filtering by segment and time frame: Use the dropdowns at the top of your Journey to filter by segment and time frame. This allows you to focus your results on a specific cohort of users or period of time.
Watching sessions: To explore specific user experiences in more detail, you can watch sessions right from your Journey. Click on specific steps to filter your Journey and generate a session playlist. As you click, the Journey will update all downstream data to reflect only those users who took your highlighted path. After you've chosen your path, click “Watch Sessions” or simply scroll to the bottom of your screen.
-
Want to watch sessions from users who exited your Journey? Click on the pink exit bar after any step to target those users!
Reset: To reset your Journey, simply click the "x" next to your selected events to clear your filters.
View as a Funnel or Segment
Funnel: Use this option to see how successfully users move through a defined series of steps.
Segment: Use this option when you’d like to analyze the characteristics of users who performed a series of steps in more detail.
Sample Journeys
Looking for inspiration? Look no further! Check out part two of our Journeys series to learn how Product Managers, UX Designers and eCommerce customers use Journeys to analyze their data.
Frequently Asked Questions
Do Journeys work with single page applications (SPAs) or mobile apps?
Yes. For native mobile applications, you can visualize the user journey by instrumenting custom API events via the FS.event API. You can also create Pages on Android and iOS and use those for Journeys.
For SPAs, you can use pages if your site uses unique URLs for various views or you can instrument custom API events via the FS.event API.
Can Fullstory still capture Journeys for users who change devices or browsers?
Yes. If you identify your users with the FS.identify API, Fullstory will understand when the same user visits your site from different devices and browsers.
Are “starts with” and “ends with” the same thing as “entry” and “exit?”
Not necessarily! Let’s say you set up a Journey to understand how users navigate from your Pricing Page. It’s possible that a user enters your site and begins their session on the Homepage before they visit your Pricing Page. Fullstory will capture their activity in the Journey from the Pricing Page forward. Similarly, if a Journey ends with a Demo Request Form, Fullstory will show you all of the steps a user takes leading up to that point. They may continue on and take other steps before exiting their session, but your Journey will only display data up to your chosen end point.
Why don’t I see any available Pages or Events when creating my Journey?
There are a few reasons why you might encounter this issue.
-
Pages haven’t been configured. If you’re new to Fullstory, it can take up to 24 hours after you start capturing sessions for the Learned Pages algorithm to configure Pages on your behalf. We’d recommend waiting a day and then trying again, or configuring your own Page Settings if you’re really eager.
-
Events haven’t been configured. If you’d like to start or end a Journey with a custom event, you need to configure API events first using the FS.Event API After you set them up, you’ll be able to use them in your Journeys. Note that custom API events are not retroactive, so events will begin appearing at the time they are configured.
Why do I see a message that says “No results found?”
This occurs when there isn’t any data available for pages or events during your selected time frame. Perhaps your account had hit its session quota and data capture was paused during that time, or perhaps enough sessions hadn’t been captured yet for a newly created page or event. Check your page and custom event definitions and try a different time frame to generate results.
There’s a step in my Journey labeled “[number] more events” What does this mean?
Fullstory will automatically show you the top 5 steps that users take at any point in a Journey. Sometimes, you’ll see a sixth step that says “[number] more events.” This step groups together data for all of the users who navigate somewhere other than one of your 5 most common paths. By clicking on the label, you can expand the group to see the list of the top 50 other events in more detail.
There’s an event in my Journey that I’m not familiar with. How can I better understand what it is?
Journeys show all events that fire, regardless of whether it was an event triggered by the user or something your site's code fires to track a specific state. To better understand what this event means, click the event to highlight that path and watch sessions. That event will be called out in pink in the session replay event stream, so you can clearly see what it's referring to.
If you'd prefer not to see that event or others in your journey, you can un-check the event in the Event Types dropdown.