Event visualizer

Overview

The Event Visualizer is Intempt’s simple point-and-click interface for defining events. Instead of manually logging events within code, you can define events by simply clicking around your website or app. No coding knowledge is required, though it is useful for refining your event definitions further.

Select Webpage & Launch visualizer

To use the Event Visualizer, navigate to the "Segmentation" tab and locate the "Events" product. Once clicked on the product, click on the "Event visualizer" button.
Once the "Event visualizer" button clicked, the pop-up window will appear where you should specify the Source and URL of the webpage.
Once the necessary information has been entered, click "Launch". You will be redirected to the specified URL. In the URL page you will notice Event visualizer overlay in the upper part of the page with Events, Define pageviews, Define events and Navigate site tabs. For each tab there will be an information guide provided, which you can skip.
Information banners
Event visualizer
In order to return back to the Intempt system, simply click on Intempt logo.
If the Event visualizer toolbar is blocking an element you want to define an event on, simply click the arrow at the bottom to minimize it.

Using the Event visualizer to Capture & Define Web Events

To define new events, simply hover over and click on the element you’d like to define an event for. Once clicked, a pop-up will appear where you can review and update the definition of the event as needed before saving it.
We’ve clicked on the banner image on our homepage. In the Edit definition section there is detailed CSS information which you can review to confirm that you are defining the right event.
The information listed on this screen includes:
  • Number of matching elements on this page: If you intended to select an element that appears more than once, such as a list with multiple elements, you can check this number to confirm your selection is correct
  • Name: add a descriptive name to the defined event
  • Definition: You can review the event definition contextually within the CSS of the page to ensure the scope of the event definition is correct
Within the Edit Definition section, you can hover over each individual CSS element to see what it selects on the page. Clicking on an element adds it to your event definition, enabling you to further define your new event from this page based on what you want to capture.
Doing this won’t break your event definition – try clicking on different CSS elements and checking what gets captured to further optimize your new event.
  • Limit to URL: This allows you to narrow the event definition to only instances where the event occurs on this page
  • Create event: Once you’ve adjusted your event definition to your needs, click "Create event". On the next page, you’ll see options to name and categorize your new event. You can define an event in your personal or shared space

Events tab

Once the event has been created, it can be accessed from the "Events" tab in the visualizer tool. The "Events" tab displays all of the created / captured events.

Define pageviews tab

This enables you to define page view events without specifying any interaction event (like click). When clicking the tab, a pop-up window will appear where you can input the Name of the event and also the URL.
If you wish to navigate through the website, simply click on the "Navigate site" tab. This will allow you to go through the webpage as usual, without capturing the various sections of the website.