No-code event builder

The custom event builder lets you capture events without touching your codebase. Go to Events → Create event.

Name & tracking method

• Event name — e.g. "Clicked Subscribe Button". A machine tag is generated automatically (e.g. clicked_subscribe_button).
• Tracking method — match an element by CSS selector or XPath, or insert a manual HTML data attribute.

Event types

• User interactions — click, hover, focus, blur, input, select change, drag/drop, swipe.
• User frustration — rage click, dead click, hesitation, miss-click (global detection available).
• Form events — form submit, form abandon.
• Engagement — scroll depth (% or pixels) and time on page (seconds/minutes/hours).

Selector & threshold configuration

• Click/hover/etc. — choose selector type (CSS or XPath) and value.
• Scroll depth — set a numeric value and a unit (% or px); the event fires when a visitor scrolls past it.
• Time on page — set a value and unit; fires when the visitor stays past that threshold.

Choosing a durable selector

A no-code event is only as stable as the selector behind it. Prefer an ID or a dedicated attribute ([data-track="signup"]) over a generated class or a positional path — utility-class frameworks and component libraries rewrite class names on every build, and the event stops firing without any error to tell you.

URL filter (optional)

Limit the event to specific pages with URL is (exact) or URL contains (pattern) matching.

Using your events

No-code events behave exactly like code-tracked ones — use them in funnels, A/B test goals and dashboards. Note that the number of custom events you can define depends on your plan.