Capture Name of Item When Item is Clicked (Multiple Events on Page) via Snapshots

You can use a Text in Element Snapshot to capture data, such as the size of an item when it is clicked, as an event property on an event.

The previous example demonstrates how to define a Snapshot for a single element on the page; what if there are multiple elements on the page that can trigger the event all with their own elements we want to capture as Snapshots?

In this example, there are multiple elements that can trigger our Click on Item event, and we want to capture the name of the item that’s clicked as a Snapshot. To capture the item names as a Snapshot, simply use the Snapshot selector tool (1) and select one of the item names (2). 

Heap will automatically detect that the item name is associated with the closest event; once the event is saved, whenever a user clicks on an item, Heap will traverse the page to capture the corresponding item name as a Snapshot property.

This new Snapshot will show up on the event details page, and be available for you to group by in analysis.

eCommerce event examples

Below are examples of events you may want to create based on your business needs. You should be able to create these events from your autocaptured data, or you can use the APIs mentioned in Step 1 of the Getting Started guide.