Click Events
Click event tracking allows you to send custom events when a user clicks on a specific element on your website. This can be particularly useful for monitoring user interactions with elements like buttons, links, or other interactive components.
Usage
Enable Tracker
First, ensure that the click event tracking feature is enabled in your dashboard settings. Navigate to the “Tracker” section and check the box for “Click Events.”
Attach HTML Data Attributes
To track a click event, include the data-m:click
HTML attribute on an element. This attribute should be a key-value pair that will be sent with the event.
The following example demonstrates how to attach custom properties to a click event:
<!DOCTYPE html>
<html>
<body>
<button data-m:click="action=purchase;product_id=123">Buy Now</button>
<a href="/contact" data-m:click="action=contact">Contact Us</a>
</body>
</html>
In this example, a click event with { "action": "purchase", "product_id": "123" }
will be sent when the “Buy Now” button is clicked, and { "action": "contact" }
will be sent when the “Contact Us” link is clicked.
You can set these attributes statically or dynamically based on user interactions or other relevant information.
View Events
Once the tracking code is updated on your website, you can view the custom properties in the event list on your dashboard. Each event will include the custom properties attached to the page view, allowing you to filter and segment your data based on these properties.