Event-based analytics platforms are used to analyze how users interact with your website and may receive Navattic events similar to how they receive other website events. Navattic demos emit events about user interaction - which step they’re on, if they complete a form, if they click a CTA button, etc. When your demo is embedded on a page, our universal event integration allows you to easily send those events to any third-party service that can accept them like Amplitude, PostHog, and Mixpanel. Use events-based platforms to answer questions like:
  • How many users or sessions engage with my Navattic demo?
  • Where in my website flow do users engage with my Navattic demos?
  • Which of my Navattic demos lead to the most conversions?
Event data for each Navattic Product Demo includes:
Event NameDescription
VIEW_STEPA Flow step is viewed.
START_FLOWA visitor starts a Flow.
COMPLETE_FLOWA visitor reached the last step of a flow OR completed a “Complete flow” step
START_CHECKLISTA visitor loads a Checklist for the first time.
OPEN_CHECKLISTA visitor expands a Checklist.
CLOSE_CHECKLISTA visitor clicks “x” to close a Checklist or starts a flow.
COMPLETE_TASKA visitor completed a Task in a Checklist.
CONVERTEDA visitor completed a step tagged “Mark as converted”.
NAVIGATEA visitor clicked a button with the click action “Navigate to URL”.
IDENTIFY_USERA form has been filled out in the demo that can identify the user.
ENGAGEA visitor makes it past the first step of a flow.

Implementations

Send Navattic events to third-party systems

The installed script has some tools to help your website communicate bi-directionally with the embedded demo. To send Navattic event data to other tools such as PostHog, Amplitude, Mixpanel, or Segment, add a script like the following.
<script>
	navattic.onEvent(function(eventData){
		posthog.capture("navattic_event", eventData); // PostHog example.
		amplitude.track("navattic_event", eventData); // Amplitude example.
		mixpanel.track("navattic_event", eventData); // Mixpanel example.
		analytics.track("navattic_event", eventData); // Segment example.
	});
</script>
Once the JS snippet is installed on your website, you should now see a new event named “navattic_event” in your third-party platform. Be sure to follow the best practices provided by your third-party platform for analyzing and organizing your events.
Tip: For the most helpful tracking, give each Demo and Flow an informative name. This will help organize your data in third-party platforms.

Send Navattic events to GA4 or Google Tag Manager

Visit these additional setup guides to send events to GA4 (Google Analytics) or Google Tag Manager specifically: