After you get manage to bring the first users to your product it becomes very important to look at how they are using in order to gain insights about how to improve it. This is where analytics tools come in. With these modern tools you can track everything your users do in both a quantitative and a qualitative way so that you can then use this data to improve your product.

In this lab we are going to look at two excellent tools as well as a data platform to help you manage the data you send to these tools.

First, we are going record some events using Segment. This will act as a central hub for our user data.

Then we are going to hook up Amplitude for quantitative analytics and Fullstory for screen recordings.

Segment is a tool that collects events from your app and provides a complete data toolkit. It gives you a uniform API to send all user event data to all the other tools we'll be using. This way you only have to integrate the data collection once, and Segment will then forward that data to all the other analytics tools you want to use.

For the purposes of this lab you will need to add a JS source to segment which will be represented by our Next.js app. The most elegant way to do this for Next.js is via the `@segment/snippet` npm plugin.

Amplitude is a great tool for understanding user event data in a quantitative way. You can easily build many types of charts like product funnels, retention charts, or north star metrics charts.

Fullstory is a great tool to understand your user event data in a more qualitative way via its screen recording feature. This can be used to understand exactly how users interact with your user interface every step of the way.

Use the app you built in the previous lab as a starting point: se-lab5-slutions.zip

1. Configure Segment

2. Connect Segment to Amplitude and create some charts for task click events. Then try to creare a funnle: main page > tasks page > task click.

3. Connect Segment to Fullstory and view a screen recording.

4. [Bonus] Install Google Analytics without using Segment

Please take a minute to fill in the feedback form for this lab.