Skip to main content

Tracking events

Snowplow has been built to enable you to track a wide range of events that occur when users interact with your apps.

We provide several built-in event classes to help you track different kinds of events. When instantiated, their objects can be passed to the Snowplow.track() method to send events to the Snowplow collector. The event classes range from single purpose ones, such as ScreenView, to the more complex but flexible SelfDescribing, which can be used to track any kind of user behavior. We strongly recommend using SelfDescribing for your tracking, as it allows you to design custom event types to match your business requirements. This post on our blog, "Re-thinking the structure of event data" might be informative here.

Auto-tracked view events

There is an option to automatically track view events when currently active pages change through the Navigator API.

To activate this feature, one has to register a SnowplowObserver retrieved from the tracker instance using SnowplowTracker.getObserver(). The retrieved observer can be added to navigatorObservers in MaterialApp:

MaterialApp(
navigatorObservers: [
tracker.getObserver()
],
...
);

If using the Router API with the MaterialApp.router constructor, add the observer to the observers of your Navigator instance, e.g.:

Navigator(
observers: [tracker.getObserver()],
...
);

The SnowplowObserver automatically tracks PageViewEvent and ScreenView events when the currently active ModalRoute of the navigator changes.

By default, ScreenView events are tracked on all platforms. In case TrackerConfiguration.webActivityTracking is configured when creating the tracker, PageViewEvent events will be tracked on Web instead of ScreenView events (ScreenView events will still be tracked on other platforms).

The SnowplowTracker.getObserver() function takes an optional nameExtractor function as argument which is used to extract a name from new routes that is used in tracked ScreenView or PageViewEvent events.

The following operations will result in tracking a view event:

Navigator.pushNamed(context, '/contact/123');

Navigator.push<void>(context, MaterialPageRoute(
settings: RouteSettings(name: '/contact/123'),
builder: (_) => ContactDetail(123)));

Navigator.pushReplacement<void>(context, MaterialPageRoute(
settings: RouteSettings(name: '/contact/123'),
builder: (_) => ContactDetail(123)));

Navigator.pop(context);

Manually-tracked events

Event classes supported by the Flutter Tracker:

MethodEvent type tracked
SelfDescribingCustom event based on "self-describing" JSON schema
StructuredSemi-custom structured event
ScreenViewView of a screen in the app
TimingUser timing events such as how long resources take to load.
ConsentGrantedUser opting into data collection.
ConsentWithdrawnUser withdrawing consent for data collection.

All the methods share common features and parameters. Every type of event can have an optional context added. See the next page to learn about adding extra data to events. It's important to understand how event context works, as it is one of the most powerful Snowplow features. Adding event context is a way to add depth, richness and value to all of your events.

Snowplow events are all processed into the same format, regardless of the event type (and regardless of the tracker language used). Read about the different properties and fields of events in the Snowplow Tracker Protocol.

We will first discuss the custom event types, followed by the out-of-the-box event types. Note that you can also design and create your own page view, or screen view, using selfDescribing, to fit your business needs better. The out-of-the-box event types are provided so you can get started with generating event data quickly.

Track self-describing events with SelfDescribing

Use the SelfDescribing type to track a custom event. This is the most advanced and powerful tracking method, which requires a certain amount of planning and infrastructure.

Self-describing events are based around "self-describing" (self-referential) JSONs, which are a specific kind of JSON schema. A unique schema can be designed for each type of event that you want to track. This allows you to track the specific things that are important to you, in a way that is defined by you.

This is particularly useful when:

  • You want to track event types which are proprietary/specific to your business
  • You want to track events which have unpredictable or frequently changing properties

A self-describing JSON has two keys, schema and data. The schema value should point to a valid self-describing JSON schema. They are called self-describing because the schema will specify the fields allowed in the data value. Read more about how schemas are used with Snowplow here.

After events have been collected by the event collector, they are validated to ensure that the properties match the self-describing JSONs. Mistakes (e.g. extra fields, or incorrect types) will result in events being processed as Bad Events. This means that only high-quality, valid events arrive in your data storage or real-time stream.

note

Your schemas must be accessible to your pipeline to allow this validation. See Managing data structures for information on how to create and update schemas.

Creating an instance of SelfDescribing takes a schema name and a dictionary of event data.

Example (assumes that tracker is a tracker instance created using Snowplow.createTracker):

tracker.track(SelfDescribing(
schema: 'iglu:com.example_company/save_game/jsonschema/1-0-2',
data: {
'saveId': '4321',
'level': 23,
'difficultyLevel': 'HARD',
'dlContent': true
}
));

Track structured events with Structured

This method provides a halfway-house between tracking fully user-defined self-describing events and out-of-the box predefined events. This event type can be used to track many types of user activity, as it is somewhat customizable. "Struct" events closely mirror the structure of Google Analytics events, with "category", "action", "label", and "value" properties.

As these fields are fairly arbitrary, we recommend following the advice in this table how to define structured events. It's important to be consistent throughout the business about how each field is used.

ArgumentDescriptionRequired in event?
categoryThe grouping of structured events which this action belongs toYes
actionDefines the type of user interaction which this event involvesYes
labelOften used to refer to the 'object' the action is performed onNo
propertyDescribing the 'object', or the action performed on itNo
valueProvides numerical data about the eventNo

Example:

tracker.track(Structured(
category: 'shop',
action: 'add-to-basket',
label: 'Add To Basket',
property: 'pcs',
value: 2.00,
));

Track page views with PageViewEvent

The PageViewEvent may be used to track page views on the Web. The event is designed to track web page views and automatically captures page title, referrer and URL. Being Web-only, it is not implemented on Android and iOS where the app is not displayed as a Web page.

Page view events are the basic building blocks for the Snowplow web data model.

Track screen views with ScreenView

Use ScreenView to track a user viewing a screen (or similar) within your app. This is the page view equivalent for apps that are not webpages. The arguments are nameidtype, and transitionType. The name and id properties are required. "Name" is the human-readable screen name, and "ID" should be the unique screen ID (UUID v4).

Screen view events are used in the Snowplow mobile data model. Nevertheless, the Flutter tracker also implements them on Web. You may adopt the mobile data model and choose to track screen views instead of page views on Web to provide consistent event tracking across all platforms.

This method creates an unstruct event, by creating and tracking a self-describing event. The schema ID for this is "iglu:com.snowplowanalytics.snowplow/screen_view/jsonschema/1-0-0", and the data field will contain the parameters which you provide. That schema is hosted on the schema repository Iglu Central, and so will always be available to your pipeline.

ArgumentDescriptionRequired in event?
nameThe name of the screen viewed.Yes
idThe id (UUID v4) of screen that was viewed.Yes
typeThe type of screen that was viewed.No
previousNameThe name of the previous screen that was viewed.No
previousTypeThe type of screen that was viewed.No
previousIdThe id (UUID v4) of the previous screen that was viewed.No
transitionTypeThe type of transition that led to the screen being viewed.No

Example:

tracker.track(ScreenView(
id: '2c295365-eae9-4243-a3ee-5c4b7baccc8f',
name: 'home',
type: 'full',
transitionType: 'none'));

Screen engagement tracking

Screen engagement tracking is a feature that enables tracking the user activity on the screen. This consists of the time spent and the amount of content viewed on the screen.

Concretely, it consists of the following metrics:

  1. Time spent on screen while the app was in foreground (tracked automatically).
  2. Time spent on screen while the app was in background (tracked automatically).
  3. Number of list items scrolled out of all list items (requires some manual tracking).
  4. Scroll depth in pixels (requires some manual tracking).

This information is attached using a screen_summary context entity to the following events:

  1. screen_end event that is automatically tracked before a new screen view event.
  2. application_background event.
  3. application_foreground event.

Screen engagement tracking is enabled by default, but can be configured using the TrackerConfiguration.screenEngagementAutotracking option.

For a demo of how mobile screen engagement tracking works in action, please visit this demo.

Updating list item view and scroll depth information

To update the list item viewed and scroll depth information tracked in the screen summary entity, you can track the ListItemView and ScrollChanged events with this information. When tracked, the tracker won't send these events individually to the collector, but will process the information into the next screen_summary entity and discard the events. You may want to track the events every time a new list item is viewed on the screen, or whenever the scroll position changes.

To update the list items viewed information:

Event event = const ListItemView(index: 1, itemsCount: 10);
tracker.track(event);

To update the scroll depth information:

Event event = const ScrollChanged(
yOffset: 10,
xOffset: 20,
viewHeight: 100,
viewWidth: 200,
contentHeight: 300,
contentWidth: 400,
);
tracker.track(event);

Track timing events with Timing

Use the Timing type to track user timing events such as how long resources take to load. These events take a timing category, the variable being measured, and the timing time measurement. An optional label can be added to further identify the timing event

ArgumentDescriptionRequired in event?
categoryDefines the timing category.Yes
variableDefines the timing variable measured.Yes
timingRepresents the time.Yes
labelAn optional string to further identify the timing event.No

Example:

tracker.track(Timing(
category: 'category',
variable: 'variable',
timing: 1,
label: 'label',
));

Use the ConsentGranted to track a user opting into data collection and ConsentWithdrawn to track a user withdrawing their consent for data collection.

For both events, a consent document context will be attached to the event using the documentId and version arguments supplied. To specify that a user opts out of all data collection using the ConsentWithdrawn event, the all property should be set to true.

Properties of ConsentGranted:

ArgumentDescriptionRequired in event?
expiryThe expiry date-time of the consent.Yes
documentIdThe consent document ID.Yes
versionThe consent document version.Yes
nameOptional consent document name.No
documentDescriptionOptional consent document description.No

Example:

tracker.track(ConsentGranted(
expiry: DateTime.now(),
documentId: '1234',
version: '5',
name: 'name1',
documentDescription: 'description1',
));

Properties of ConsentWithdrawn:

ArgumentDescriptionRequired in event?
allWhether user opts out of all data collection.Yes
documentIdThe consent document ID.Yes
versionThe consent document version.Yes
nameOptional consent document name.No
documentDescriptionOptional consent document description.No

Example:

tracker.track(ConsentWithdrawn(
all: false,
documentId: '1234',
version: '5',
name: 'name1',
documentDescription: 'description1',
));
Was this page helpful?