Web SDK Events Tracking
info

Note

MoEngage highly recommends using the optional step for MoEngage Web SDK integration.

Track Event

Tracking events records the user actions and the action properties. A single user action is recorded with every track_event call. MoEngage recommends that you make your event names human-readable so that everyone in your team can know what they mean instantly.

You can track an event using track_event with the event name and the event characteristics such as attributes or properties.

JavaScript
Moengage.track_event("EVENT_NAME_1"); // This event has no attributes
// Track events with additional attributes
Moengage.track_event("EVENT_NAME_2", {
"attribute_1": "value_1", // string value
"attribute_2": 2, // numeric value
"attribute_3": 3.4, // numeric value
"attribute_4": new Date(2017, 0, 31), // datetime value. Example value represents 31 January, 2017.
});

Add all the additional information which you think would be useful for segmentation while creating campaigns. For example, the following code tracks a purchase event of a product. We are including attributes like amount, quantity, category, which describe the event we are tracking.

JavaScript
Moengage.track_event("Purchase", {
"quantity":2,
"product_name":"Ipad mini",
"price": 599.99,
"currency": "USD"
});
warning

Critical

  • Ensure that you are tracking event and user attributes without changing their data types. For instance, in the above purchase event, amount and quantity are tracked in numeric form. MoEngage detects the data type automatically unless you explicitly specify it as a string.
  • Having unique timestamps for events is crucial to maintain accurate and reliable data. Please ensure that events do not share the same timestamp down to the millisecond level.

Event tracking using Google Tag Manager (GTM)

Use the described code in the Custom HTML Tag inside GTM. This Tag should be fired once per event and triggered on the elements where you wish to track website events. The event attributes can be picked up from GTM Data Layer.

JavaScript
<script>
Moengage.track_event("Purchase", {"quantity":2, "product_name":"Ipad mini", "price": 599.99, "currency": "USD" });
</script>

Non-Interactive Event

Events that do not affect the session duration calculation in MoEngage Analytics are marked as Non-Interactive events.

The following are considered non-interactive events:

  • Do not start a new session, even when the website is in the foreground
  • Do not extend the session
  • Do not have information on source and session

For example, events that are tracked when the website is in the background, are not initiated by users and hence are marked as non-interactive.

To mark an event as non-interactive send moe_non_interactive: 1 while tracking the event as described:

JavaScript
Moengage.track_event("Content Refreshed", {"NewsCategory": "Politics", "moe_non_interactive": 1})

Callbacks on events tracked by SDK

There are few events which are tracked by SDK automatically for you and if you want to get those, then you can listen to the events as follows:

JavaScript
window.addEventListener('MOE_AUTOMATED_EVENTS', function (event) {
switch(event.detail.name) {
case 'MOE_WEB_UNSUBSCRIBED':
console.log(event.detail.data) // it contains all the attributes of the event
break;
case 'EVENT_ACTION_WEB_SESSION_START':
console.log(event.detail.data) // it contains all the attributes of the event
break;
……
}
});

List of events

  1. MOE_WEB_UNSUBSCRIBED
  2. EVENT_ACTION_WEB_SESSION_START
  3. MOE_PAGE_VIEWED
  4. MOE_WEB_OPTIN_BANNER_LOAD
  5. MOE_WEB_OPTIN_CLOSED
  6. MOE_WEB_OPTIN_ACCEPTED
  7. MOE_USER_SUBSCRIBED
  8. MOE_OPT_IN_SHOWN
  9. MOE_OPT_IN_ALLOWED
  10. MOE_OPT_IN_DISMISSED
  11. MOE_OPT_IN_BLOCKED
  12. MOE_LOGOUT
  13. MOE_ONSITE_MESSAGE_CLICKED
  14. MOE_ONSITE_MESSAGE_SHOWN
  15. MOE_ONSITE_MESSAGE_DISMISSED
  16. MOE_ONSITE_MESSAGE_AUTO_DISMISS

Troubleshooting

Event is not tracked on redirection when I am using window.open(..)

In case you are redirecting to another page using window.open method and also tracking some event(s) on redirection then you need to wrap the window.open in a setTimeout. eg-

JavaScript
setTimeout(() => window.open(<redirection_link>), 0);


Reach out to us directly from your MoEngage Dashbaord -> Need Help? -> Contact Support or send an email to support@moengage.com.

Previous

Next

Was this article helpful?
0 out of 2 found this helpful

How can we improve this article?