1 Overview
This page explains how to integrate Mapp Engage with tracking setups to send user-specific data to Engage for personalized marketing. You can transmit attributes and trigger events in real-time to enrich customer profiles and activate automation flows.
Use cases include:
Send dynamic user attributes to Mapp Engage, such as preferences or behavior (e.g., "Size Finder used") for improved segmentation and targeting.
Trigger a Custom Web Event when a user interacts with a specific feature (e.g., virtual fitting room), which can initiate an automation workflow in Engage.
For successful integration, User Matching with Mapp Engage must be enabled.
2 Configurable Properties
Property | Description | Data Type | Request Parameter |
|---|---|---|---|
attributes | Sends user-specific data to Mapp Engage, which can be stored as Custom Profile Attributes. These attributes can be created and managed in Engage. | Object |
|
eventName | Defines the name of the Engage Custom Web Event (e.g. "Size Finder Used"). This can trigger automations in the Whiteboard. | String |
|
eventId | Alternative to eventName. Refers to the Engage Custom Web Event ID as defined in Engage. Mostly used for advanced setups. | Number |
|
3 Implementation Example
import { WebtrekkSmartPixelReact, WebtrekkEngageData } from "@webtrekk-smart-pixel/react";import { WebtrekkSmartPixelReact, WebtrekkEngageData } from "@webtrekk-smart-pixel/next";If you do not have automatic page tracking enabled, invoke the track method after adding all relevant tracking information.
WebtrekkSmartPixelReact.engage({
attributes: { "engage.attribute.fittingToolUsed": "true" },
eventName: "Virtual Fitting Room Used",
eventId: 12345
});If you do not have automatic page tracking enabled, invoke the track method after adding all relevant tracking information.
render()
{
return (
<div>
<WebtrekkEngageData
attributes={ {"engage.attribute.fittingToolUsed": "true"} }
eventName="Virtual Fitting Room Used"
eventId=12345
/>
</div>
);
}