Snapshots

Tracking drag and drop events
Snapshots overview

Snapshots give you the ability to capture additional metadata that isn’t autocaptured by Heap out-of-the-box. Examples of what you can…

Capture Size of Item When Added To Cart (Single Event on Page) via Snapshots

You can use a Text in Element Snapshot to capture data, such as the size of an item, as an…

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…

Capture Company Name From Sign Up Form (Text Input Field) via Snapshots

To capture users’ inputs on an input field, such as a text input, you can use the Form Value Snapshot…

Capture Search Queries via Snapshots

To capture search queries entered into a search bar, you can use Text to Element to capture the text in…

Capture Radio Form Value via Snapshots

You can use the Form Value Snapshots to capture users’ inputs for elements such as radios and checkboxes. This example…

Capture Screen Dimensions via Snapshots

You can capture screen dimensions to attach to a pageview event by using the JavaScript snapshot example below. We recommend…

Capture Screen Resolution via Snapshots

Finding the pixel-to-device ratio of your user’s screens can help you understand how your images are rendering. Note that this…

Capture Orientation via Snapshots

You can capture screen orientation (on pageload only: APIs for tracking orientation changes are not supported across all popular browsers)…

Using Snapshotted Data in Custom Properties

Custom properties are configured on a per-event basis and are limited to 255 characters. Any changes to a custom property…

Pageview Snapshots

When using the visual labeling interface, you’re able to define custom properties that are attached to interaction events (clicks, form…