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
If you do not have automatic page tracking enabled, invoke the track method after adding all relevant tracking information.
<template>
<div>Example</div>
</template>
<script>
export default {
name: "example",
mounted() {
this.$webtrekk.engage({
attributes: { "engage.attribute.fittingToolUsed": "true" },
eventName: "Virtual Fitting Room Used",
eventId: 12345
});
}
};
</script>Value | Description | Data type | Default value | Required |
|---|---|---|---|---|
track | If you want to track all current added information, add the |
|
| - |
If you do not have automatic page tracking or the additional property
trackenabled, invoke the track method after adding all relevant tracking information.
<template>
<div
v-webtrekk="{
engage: {
attributes: { 'engage.attribute.fittingToolUsed': 'true' },
eventName: 'Virtual Fitting Room Used',
eventId: 12345
},
track: false
}"
>
Example
</div>
</template>Tracking via data property only works when automatic page tracking is set to
true.
<template>
<div>Example</div>
</template>
<script>
export default {
name: "example",
data() {
return {
webtrekk: {
engage: {
attributes: { "engage.attribute.fittingToolUsed": "true" },
eventName: "Virtual Fitting Room Used",
eventId: 12345
}
}
};
},
mounted() {
}
};
</script>