> ## Documentation Index
> Fetch the complete documentation index at: https://docs.uxbrite.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Digital Experiences

> Track user behavior, replay sessions, map journeys, and optimize conversions across your web and mobile properties.

## What Are Digital Experiences?

A **Digital Experience** in GTM Suite represents a website, app, or any digital property where your customers interact with your brand. Each experience gets its own tracking ID, metrics dashboard, session recordings, conversion goals, and journey maps — giving you complete visibility into how visitors move through your product.

<CardGroup cols={2}>
  <Card title="Session Recording" icon="play">
    Watch real user sessions with full DOM replay, event timelines, and AI-generated behavior summaries.
  </Card>

  <Card title="User Journey Maps" icon="user">
    Visually map the key flows visitors take — from landing to conversion — and track completion at every step.
  </Card>

  <Card title="Conversion Goals" icon="gem">
    Define what counts as a conversion (page visit, form submit, custom event) and track goal completion across sessions.
  </Card>

  <Card title="Performance Metrics" icon="bar-chart">
    Monitor visitors, conversions, conversion rate, and bounce rate with period-over-period trend data.
  </Card>
</CardGroup>

***

## Supported Property Types

You can create a Digital Experience for any customer-facing property:

| Type                           | Description                          |
| ------------------------------ | ------------------------------------ |
| **Website**                    | Marketing sites, landing pages, docs |
| **Mobile App (iOS / Android)** | Native mobile applications           |
| **Progressive Web App (PWA)**  | Browser-based app experiences        |
| **Desktop App**                | Electron or native desktop products  |
| **Smart TV**                   | Connected TV apps                    |
| **Wearable**                   | Wearable device interfaces           |

***

## Experience Dashboard

Each Digital Experience has a dedicated detail page showing:

### Performance Overview

Four key metrics tracked against the previous period:

| Metric                | Description                                        |
| --------------------- | -------------------------------------------------- |
| **Web Visitors**      | Unique visitors in the selected time range         |
| **Total Conversions** | Sessions where at least one active goal triggered  |
| **Conversion Rate**   | Conversions ÷ Visitors                             |
| **Bounce Rate**       | Sessions with a single pageview and no interaction |

### Tracker Status

The snippet installation status is shown directly on the dashboard. A **Verified** badge confirms the tracker is live and sending data. See [Tracker Install](/tracker-install) to set this up.

***

## Session Recordings

Every visitor session is captured as a full DOM recording using rrweb. From the **Sessions** table on any experience, click **View** to open the session replay viewer.

**The replay viewer shows:**

* A video-like playback of every click, scroll, and form interaction
* A scrollable event timeline on the right (click any event to jump to that moment)
* Metadata: device, browser, OS, duration, referrer, and location
* An **AI Summary** with engagement level, intent signals, friction points, and conversion events

**Event types captured in the timeline:**

| Event        | What It Represents               |
| ------------ | -------------------------------- |
| Page View    | Visited a new URL                |
| Click        | Clicked any element              |
| Form Submit  | Submitted a form                 |
| Scroll       | Reached a scroll depth milestone |
| Page Exit    | Left the page                    |
| Custom Event | Developer-defined interaction    |

<Tip>
  Use the AI Summary to quickly identify friction points without watching the full recording. Look for sessions with **Low** engagement or flagged friction points first.
</Tip>

***

## Conversion Goals

Goals define what a "conversion" means for each experience. When an active goal triggers during a session, that session is counted as converted.

**Goal types:**

| Type                | Triggers When...                                     |
| ------------------- | ---------------------------------------------------- |
| **URL**             | Visitor lands on a specific page (e.g. `/thank-you`) |
| **Event**           | A custom event fires (e.g. `signup_complete`)        |
| **Form Submission** | A specific form is submitted                         |

You can add multiple goals per experience, and toggle each one on or off without deleting it.

***

## User Journey Maps

Journey maps let you model the steps you *want* visitors to take and measure how many actually complete each one.

### Building a Journey

1. Open an experience and click **Create A Journey** — or go to **Digital Experiences → User Journeys**
2. Choose a **template** (e.g. trial-to-paid, demo request, onboarding flow) or start from scratch
3. Use the **visual journey builder** to drag-and-drop nodes and connect steps
4. Configure each node (URL match, event trigger, branch logic)
5. Save and **publish** to make the journey active

### Versions

Journeys support multiple versions so you can iterate without breaking a live flow. Create a new version, test it, then promote it to active when ready. Only one version can be active at a time.

<Info>
  The journey builder is a desktop-only interface. It is not accessible on mobile or tablet screen sizes.
</Info>

***

## Experience Status

Each experience can be in one of four states:

| Status       | Meaning                                   |
| ------------ | ----------------------------------------- |
| **Draft**    | Created but not yet tracking live traffic |
| **Live**     | Actively tracking visitors and sessions   |
| **Paused**   | Tracking temporarily suspended            |
| **Archived** | Inactive; historical data preserved       |

You can change the status from the experience detail page at any time.

***

## Getting Started

<Steps>
  <Step title="Create an Experience">
    Go to **Digital Experiences** and click **Add New Experience**. Give it a name, enter your website URL, and select the property type.
  </Step>

  <Step title="Install the Tracker">
    Copy your tracking snippet and add it to your site's `<head>`. See [Tracker Install](/tracker-install) for framework-specific instructions.
  </Step>

  <Step title="Define Conversion Goals">
    Add at least one goal so GTM Suite knows what to count as a conversion for this property.
  </Step>

  <Step title="Map a User Journey">
    Apply a template or build a journey from scratch to track how visitors progress through key flows.
  </Step>

  <Step title="Review Sessions">
    Once traffic flows in, open the Sessions table and watch recordings to understand real user behavior.
  </Step>
</Steps>

<CardGroup cols={2}>
  <Card title="Tracker Install" icon="code" href="/tracker-install">
    Add the snippet to your site and verify it's working.
  </Card>

  <Card title="Setup Guide" icon="book-open" href="/setup-guide">
    Walk through the full onboarding flow from scratch.
  </Card>
</CardGroup>
