UX Tracking

Cookieless UX Tracking

Learn how to implement first-party and server-side UX measurement using Hardal Analytics API

Challenge

Companies often struggle to:

  • Understand how users interact with their websites and applications using only analytics tools
  • Track user engagement metrics without compromising privacy
  • Measure the effectiveness of UI/UX improvements
  • Identify pain points in user journeys

Built your own custom events

Think of events as actions your users take on your website or app. For example:

Want to track when your users:

  • Signs up for your newsletter?
  • Watches your product video?
  • Downloads your app?
  • Completes a purchase?

You can create an event for any of these! There are no limitations - you decide what's important to track.

Let's look at a simple button click example:

// Simple event that tracks button clicks
{
  "name": "button_click"
}

Built your own custom parameters

Parameters are extra details about your events. They help you understand the full story of what happened.

For our button click example, you might want to know:

  • Which button was clicked? (Save? Submit? Cancel?)
  • What type of button was it? (Primary? Secondary?)
  • How long did it take the user to click?

You can add any parameters you want! Here's how it looks:

// Button click with helpful details
{
  "name": "button_click",
  "data": {
    "button_id": "save-changes-btn",
    "button_type": "primary",
    "time_to_click": "45 seconds"
  }
}

Data Structure for Analysis

When collected, your event data creates a comprehensive view of user behavior. Here's how button click events flow through a typical user journey:

UX Tracking Data Structure

This flow shows:

  1. User Journey: How users navigate through your site
  2. Event Structure: Both standard and custom parameters you can track
  3. Analytics: Analyze the collected with cookiless and first-party data

Each user interaction becomes a data point, helping you understand:

  • Complete user paths through your site
  • Which buttons lead to conversions
  • How long users take to make decisions
  • Which UI elements perform best

All this data is anonymous and can be used for identified user data with iOS ATT consents.