1 Overview
This page provides a comprehensive guide on how to track and analyze event-related data in Mapp Intelligence. Events complement page tracking by offering detailed insights into user interactions, such as clicks on links or buttons, navigation through specific page elements, and other actions users perform on your website.
Event tracking requires JavaScript to be enabled in the visitor's browser.
2 Configurable Properties
The following table outlines all supported properties, their descriptions, and request parameters.
Property | Description | Data Type | Request Parameter |
|---|---|---|---|
name | Unique identifier of your event. This property must be explicitly set. The value is analyzed in Navigation > Events. | String |
|
parameter | Tracks additional custom data points for an event. More details below. | Object |
|
goal | Defines and tracks key website goals related to events. More details below. | Object |
|
2.1 Event Parameters
Event parameters allow tracking of additional details about specific user interactions, such as link types (internal/external), click areas (text, image, header), Scroll Depth, or errors.
Mapp Intelligence provides predefined parameters and also allows the creation of custom event parameters for specific tracking needs.
Event parameters must be set up under Configuration > Custom Parameters > Event Parameter before use.
Text parameters are analyzed in Navigation > Event Parameter, numeric parameters are analyzed as metrics.
For setup instructions, see: How to Set Up Custom Parameters.
2.2 Goals
Goals measure specific user actions linked to your events, such as newsletter signups, registrations, or downloads. They are essential for evaluating user behavior and performance.
Goals track meaningful actions that users complete after interacting with an event.
Goals enable campaign evaluations by tracking attributed conversions.
Once tracked, goals are marked as achieved. Track positive achievements (e.g., "Newsletter Signup: yes").
Goals can be analyzed in Marketing > Website Goals.
For setup instructions, see: How to Define Website Goals.
3 Implementation Examples
WebtrekkSmartPixelAngular
If you do not have automatic page tracking enabled, invoke the track method after adding all relevant tracking information.
import { Component } from '@angular/core';
import { WebtrekkSmartPixelAngular } from '@webtrekk-smart-pixel/angular';
@Component({
template: `<div>[ ... ]</div>`
})
export class ExampleComponent {
constructor(private pixel: WebtrekkSmartPixelAngular) {
this.pixel.action({
name: "en.click.on.some.link",
parameter: {1: "en"},
goal: {2: "goal value 2"}
});
}
}