Now that you have mastered the art of watching your most important visitors and assessed the performance of your pages with Heatmaps, it’s time to take one step further and start tracking your most important user actions (a.k.a. events). These are any actions you want to track. Some examples are:

  • Opening a certain page (Visited URL)

  • Clicking on a specific button (Clicked-on text / CSS)

  • Entering a specific search term (Typed-text)

In this lesson, you’ll learn how to set up events and how to work with the statistics from your events.

Tracking an Event

Start by going to the Events tab and creating a new event:

Visited URL events

With clicked-on events, you will know the number of clicks on a specific button, link, or element of your website. You can now define a new event by its visited URL.

With these two types of events, you can compare, for example, the number of people that visited your product page (page views) with the number of people that clicked the “Save” button (clicked-on) to add products to their favorites list.

The setup is really easy. All you need to do is to paste the URL of the page, and Smartlook gives you the numbers. Later in this lesson, you will learn how to compare events.

Clicked-on text events

You can get data on specific user actions that do not generate changes in URL, such as clicks on some buttons or interactions with upsell windows.

Let’s say you just introduced a new feature — a heart button that users can click to save a product to their favorites list (a bit like saving apartments on Airbnb).

Since clicking this button does not redirect the user to another page, it is impossible to track the usage of this button via page tracking. You need to be able to track clicks on this button, but how?

You have introduced this “Save” button and you want to track every click across your whole website. Do this by setting up an event for when users click on the element that contains the textSave”.

If you have more buttons on your website with the same text and you want to track a specific one, there is another way to set up clicked-on events via the element’s CSS selector. Read more about it in the next lesson.

Typed text events

In addition to tracking clicks and page views, you can also track your users’ text inputs. Of course, sensitive information, such as passwords and credit card details, are automatically blocked, meaning they are not tracked.

Let’s say you have a search engine on your site that your visitors can use to search for specific products or brands. You can track text entries to find out how many of your visitors search for Adidas products.

This can give you insights into your audience’s interests. Are there any specific search terms being searched more frequently? Keep an eye on your audience’s searches by tracking specific text inputs (typed text).

After saving the event, you will see your data straight away!

Event statistics

Now let’s take a look at the data you can see.

After you set up an event, you will see a graph with the number of events throughout time, depending on from when you want data — the last day, week, month, or a specific date range (1). Adjust the graph according to your needs. You can also see the total number of times the specified event was triggered or the number of unique users that triggered the event (2). Even adjust the horizontal units of the graph: see the daily, weekly, or monthly evolution (3).

Get weekly reporting E-mails about important events

If there's a very specific event which you need to stay on top of, you can activate Weekly Event Reporting.

Simply choose the date of the week which you link to receive the email (1), the email recipient (2) and Enable this report (3). Then you will be kept up to date on your important event even when you're not on the Smartlook dashboard.

Compare and watch recordings of your events

You can (1) view up to four events in charts. The total number of (2) unique visitors who complete an event is listed under the chart. It is possible to jump to the moment in the moment in the recording where the event occurred by (3) clicking the play button. To add additional events to the chart for comparison, simply (4) click the plus button or alternatively use CTRL/CMD + left click on an event in the action sidebar.

Merging 2 or more events (Composite events)

Often it's not only necessary to compare events, but to also combine the total events. This can be useful to see complete metrics, but also to use as a starting point when building a funnel. To merge events click "Create new event" and continue..

Select two more events to create the composite event. In this case, we'll use two separate buttons which perform the save action (Create an account).

You can also create a composite event directly from the event chart when two or more events are actively selected:

Watching recordings of the events

Once you click the “play” button, you are redirected to the recordings view of the dashboard. However, the recordings you see are filtered (see below), so the selection you see contains only recordings in which this specific event occurs.

You can also save the event filter as a segment and easily get a feed of recordings, for example, for your visitors that search for Adidas products.

Event drop-in

When you play a recording, the filtered event will appear on the timeline tagged with a flag. The recording will start playing 5 seconds before the moment the event occurs, so you don’t need to search through the recording — Smartlook will 'drop you into' the recording where the event occurred.

In this lesson, you have learned to master event tracking using Smartlook:

  • Set up of visited URL, click-on and typed text events

  • Analyze statistics from events

  • Compare events

  • Watch recordings of events

  • Generate segments from events

Now it’s up to you!

So let’s start with the five most important events you want to track. You can start by setting up those events and later create additional ones. What kind of interesting findings did you make? Let us know in the comments.

Want to learn more?

Check out lesson 6!

Track Events Using CSS Selectors | LESSON #6

Did this answer your question?