- Using the Event Visualizer
-
Exploring the Event Visualizer Interface 2 min
Exploring the Event Visualizer Interface
-
Using the Event Definition Modal 3 min
Using the Event Definition Modal
-
Refining an Event Definition 5 min
-
Saving an Event Definition 2 min
-
Event Definition Best Practices 8 min
Event Definition Best Practices
-
Understanding CSS Selectors
Working with CSS Selectors
-
Writing Common CSS Selectors
-
Finding Your CSS Selector 8 min
-
Manually Writing CSS Selectors
Manually Writing CSS Selectors
-
Exploring the Event Definition Panel 5 min
Exploring the Event Definition Panel
-
Defining Pageviews 3 min
Exploring the Event Definition Panel
-
Using Filters in Event Definitions 5 min
Using Filters in Event Definitions
-
Addressing Website Features When Defining Events
Addressing Website Features When Defining Events
-
Working with Dynamic HTML 6 min
Working with Dynamic HTML
-
Working With Single Page Applications (SPA) 4 min
Working with Single Page Applications
- Course Wrap Up
-
Course Feedback Form
Creating Event Definitions | Advanced
Take this deep dive course to learn everything about creating event definitions in Heap.
In this course, we'll expand and deepen your knowledge of event definitions in Heap. We'll start out by showing you how to max out our Event Visualizer tool, using it to refine, modify and save your event definitions. Next, we'll dig into all things CSS Selectors; explain how they're used, show you how to find them, and how to use the Event Definition Panel to manually write them and apply filters. We'll wrap up by exploring how to address website features like Dynamic HTML and SPAs when creating event definitions.
You should take this course if you:
- Need create more complex or specific event definitions
- Want to learn how to manually write CSS selectors for event definitions
- Want to expand and deepen your knowledge of event definitions in Heap
Once you finish this course, you'll be able to:
- Use the Event Definition modal to refine definitions by adding and removing CSS Selectors
- Employ best practices when saving events
- Apply best practices when defining events
- Write common CSS Selectors like Tags, IDs, Classes, and Attributes
- Use the Chrome Inspector or Live View in Heap to find the CSS selector for an event definition
- Manually write CSS selectors to create event definitions
- Use wildcards in the Event Definition panel to create a broader pageview event
- Select the correct property filter based on the type of event you are creating
- Use the correct filter operator to ensure you're capturing the data you want
- Define events on websites that include SPAs or use DHTML
Duration: 55 min