This document provides instructions on how to use Event Tracking in the Statistics feature.
Track visitor interactions on your website with the Event Tracking option. This lets you add event tracking to any clickable element on your web pages, for example, buttons, links, drop-down menus, and widgets. The interface displays the number of times that visitors click on a tracked element.
Note
One Click = One Event. For example, if the same user interacts with the item 10 times, it is counted as 10 events.
Prerequisites
To track events on your website, the following requirements must be fulfilled:
To classify an event, assign a category, action, and name.
For example, you may have Contact Us buttons in various places on your website and would like to track how many people actually click them. For the Contact Us button on the Home page, you could classify it as follows:
Category: Contact
Action: Contact Us button
Event: Click the Contact Us button on the Home page.
The code to add to the "Contact Us" button from this example looks like this:
onclick="window.monsido_functions.trackEvent('Contact', 'Contact Us button', 'Click Contact Us button on Home page', 1);"
If the same button is on a different page, for example, your Privacy Policy page, use the following classification for that element:
Category: Contact
Action: Contact Us button
Event: Click the Contact Us button on the Privacy Policy page.
This is how the above configuration appears when the event data starts to come in:
Setup
Make sure your website and the app configuration both meet the prerequisites.
Locate a clickable element on your website that you wish to add event tracking to. In this example, we will use a "Book a demo" button located in the website header.
Open the CMS (website builder software) and find the HTML code for the "Book a demo" button. In this example, the code looks like this:
<a href="https://example.com/demo">
<button class="header-btn" type="button">
Book a demo
</button> </a>
Copy the code snippet and paste it inside the <button> element of your code. It should look like this:
<a href="https://example.com/demo">
<button class="header-btn" type="button"
onclick="window.monsido_functions.trackEvent
('Category', 'Action', 'Event', 1);">
Book a demo
</button> </a>
Specify a Category, Action, and Event that you want this event to be tracked as. These will show up within the interface and help you understand the data.
In our example below, the Category is "Conversion", the Action to "Book a demo", and the Event to "Website header button clicked". The final code should look like this:
<a href="https://example.com/demo">
<button class="header-btn" type="button"
onclick="window.monsido_functions.trackEvent
('Conversion', 'Book a demo', 'Website header button clicked', 1);">
Book a demo
</button> </a>
Publish your website. Tracking is activated now on any clicks done on the Book a demo button.
View Events data
To view the Events data, log in and navigate to the Statistics module > Content > Events. There you can see all of the events data that is tracked on your website. Be aware that in some cases it can take up to 24 hours before tracked data is displayed in the application. The number in the Events column indicates how many times the selected element has been clicked.
Instructions
This section provides instructions on how to navigate to Event Tracking in the Statistics module.
Navigate to the dashboard for the domain.
Locate the Statistics section and click to open it, or click Statistics (the broken pie chart icon) on the page menu bar. The Statistics landing page opens.
From the menu on the left, click Content. The menu expands.
From the expanded menu, click Events.
The Events page opens by default to the Categories view.
Event Categories
From the options on the top right side of the window, click Categories.
The Categories view is a table with the following headers:
Category: User-assigned category. This can be, for example:Contact.
Action: This is the element that is assigned to be tracked, for example, a Contact Us button.
Events: This column tracks and shows the number of times that users interact with the element, for example clicks on the Contact Us button.
Note
One Click = One Event. For example, if the same user interacts with the item 10 times, it counts as 10 events.
Event Actions
From the options on the top right side of the window, click Actions.
The Actions view sorts the chart per tracked item, for example a link or button. The Actions view table has the following headers:
Action: This is the element that is assigned to be tracked, for example, a Contact Us button.
Name: This category is defined by the user. It usually defines the element further if needed.
Events: This column tracks and shows the number of times that users interact with the element, for example the number of clicks on the Contact Us button.
Note
One Click = One Event. For example, if the same user interacts with the item 10 times, it is counted as 10 events.
Event Export
This section gives information on how to export events statistics.
Click Export from the page functions menu on the top right side of the page.
A dialog opens. Select the export name from the list.
The export is sent to the email that is specified on the account.
Event Names
From the options on the top right side of the window, click Names.
The table provides the following information:
Name:This category is defined by the user. It usually defines the element further if needed.
Action:This is the element that is assigned to be tracked, for example, a Contact Us button.
Events:This column tracks and shows the number of times that users interact with the element, for example number of clicks on the Contact Us button.
Note
One Click = One Event. For example, if the same user interacts with the item 10 times, it counts as 10 events.
How to set up onclick Events with Google Tag Manager
The onclick event executes a certain functionality when, for example, the user clicks on any button. This event lets website owners monitor and track the number of clicks on each button or link, and use this data to improve the browsing experience for website visitors.
Make sure that the script is already deployed on Tag Manager, so that the statistics are ready to collect data. For more information, visit Google Tag Manager deployment.
Click Tags, from the menu on the left side of the page.
Click New, on the top right of the page.
Create a new tag with the type should be Custom HTML. Note: The event is set with Javascript.
Rename the tag. That option is on the top left corner of the window.
This document provides instructions on how to use Event Tracking in the Statistics feature.
Track visitor interactions on your website with the Event Tracking option. This lets you add event tracking to any clickable element on your web pages, for example, buttons, links, drop-down menus, and widgets. The interface displays the number of times that visitors click on a tracked element.
Note
One Click = One Event. For example, if the same user interacts with the item 10 times, it is counted as 10 events.
Prerequisites
To track events on your website, the following requirements must be fulfilled:
To classify an event, assign a category, action, and name.
For example, you may have Contact Us buttons in various places on your website and would like to track how many people actually click them. For the Contact Us button on the Home page, you could classify it as follows:
Category: Contact
Action: Contact Us button
Event: Click the Contact Us button on the Home page.
The code to add to the "Contact Us" button from this example looks like this:
onclick="window.monsido_functions.trackEvent('Contact', 'Contact Us button', 'Click Contact Us button on Home page', 1);"
If the same button is on a different page, for example, your Privacy Policy page, use the following classification for that element:
Category: Contact
Action: Contact Us button
Event: Click the Contact Us button on the Privacy Policy page.
This is how the above configuration appears when the event data starts to come in:
Setup
Make sure your website and the app configuration both meet the prerequisites.
Locate a clickable element on your website that you wish to add event tracking to. In this example, we will use a "Book a demo" button located in the website header.
Open the CMS (website builder software) and find the HTML code for the "Book a demo" button. In this example, the code looks like this:
<a href="https://example.com/demo">
<button class="header-btn" type="button">
Book a demo
</button> </a>
Copy the code snippet and paste it inside the <button> element of your code. It should look like this:
<a href="https://example.com/demo">
<button class="header-btn" type="button"
onclick="window.monsido_functions.trackEvent
('Category', 'Action', 'Event', 1);">
Book a demo
</button> </a>
Specify a Category, Action, and Event that you want this event to be tracked as. These will show up within the interface and help you understand the data.
In our example below, the Category is "Conversion", the Action to "Book a demo", and the Event to "Website header button clicked". The final code should look like this:
<a href="https://example.com/demo">
<button class="header-btn" type="button"
onclick="window.monsido_functions.trackEvent
('Conversion', 'Book a demo', 'Website header button clicked', 1);">
Book a demo
</button> </a>
Publish your website. Tracking is activated now on any clicks done on the Book a demo button.
View Events data
To view the Events data, log in and navigate to the Statistics module > Content > Events. There you can see all of the events data that is tracked on your website. Be aware that in some cases it can take up to 24 hours before tracked data is displayed in the application. The number in the Events column indicates how many times the selected element has been clicked.
Instructions
This section provides instructions on how to navigate to Event Tracking in the Statistics module.
Navigate to the dashboard for the domain.
Locate the Statistics section and click to open it, or click Statistics (the broken pie chart icon) on the page menu bar. The Statistics landing page opens.
From the menu on the left, click Content. The menu expands.
From the expanded menu, click Events.
The Events page opens by default to the Categories view.
Event Categories
From the options on the top right side of the window, click Categories.
The Categories view is a table with the following headers:
Category: User-assigned category. This can be, for example:Contact.
Action: This is the element that is assigned to be tracked, for example, a Contact Us button.
Events: This column tracks and shows the number of times that users interact with the element, for example clicks on the Contact Us button.
Note
One Click = One Event. For example, if the same user interacts with the item 10 times, it counts as 10 events.
Event Actions
From the options on the top right side of the window, click Actions.
The Actions view sorts the chart per tracked item, for example a link or button. The Actions view table has the following headers:
Action: This is the element that is assigned to be tracked, for example, a Contact Us button.
Name: This category is defined by the user. It usually defines the element further if needed.
Events: This column tracks and shows the number of times that users interact with the element, for example the number of clicks on the Contact Us button.
Note
One Click = One Event. For example, if the same user interacts with the item 10 times, it is counted as 10 events.
Event Export
This section gives information on how to export events statistics.
Click Export from the page functions menu on the top right side of the page.
A dialog opens. Select the export name from the list.
The export is sent to the email that is specified on the account.
Event Names
From the options on the top right side of the window, click Names.
The table provides the following information:
Name:This category is defined by the user. It usually defines the element further if needed.
Action:This is the element that is assigned to be tracked, for example, a Contact Us button.
Events:This column tracks and shows the number of times that users interact with the element, for example number of clicks on the Contact Us button.
Note
One Click = One Event. For example, if the same user interacts with the item 10 times, it counts as 10 events.
How to set up onclick Events with Google Tag Manager
The onclick event executes a certain functionality when, for example, the user clicks on any button. This event lets website owners monitor and track the number of clicks on each button or link, and use this data to improve the browsing experience for website visitors.
Make sure that the script is already deployed on Tag Manager, so that the statistics are ready to collect data. For more information, visit Google Tag Manager deployment.
Click Tags, from the menu on the left side of the page.
Click New, on the top right of the page.
Create a new tag with the type should be Custom HTML. Note: The event is set with Javascript.
Rename the tag. That option is on the top left corner of the window.