Web Quick Start

Get session recording working on your website in under 5 minutes.

Prerequisites

A website or web application
A UXCam account with an app key

Note

Works with React, Angular, Vue, Next.js, and any HTML/JS site. Flutter Web is not currently supported.

Option 1: HTML Code Snippet (Recommended)

Add this script tag to your HTML <head>:

<script type="text/javascript">
(function(p,l,o,w,i,n,g){if(!p[i]){p.GlobalSnowplowNamespace=p.GlobalSnowplowNamespace||[];
p.GlobalSnowplowNamespace.push(i);p[i]=function(){(p[i].q=p[i].q||[]).push(arguments)
};p[i].q=p[i].q||[];n=l.createElement(o);g=l.getElementsByTagName(o)[0];n.async=1;
n.src=w;g.parentNode.insertBefore(n,g)}}(window,document,"script","//websdk.uxcam.com/uxcam.min.js","uxcam"));

uxcam("newTracker", "uxcamTracker", {
  appKey: "YOUR_APP_KEY"
});
</script>

Option 2: Google Tag Manager

Create a new Custom HTML tag
Paste the code snippet above
Set trigger to All Pages
Publish your container

See Google Tag Manager setup for detailed instructions.

Option 3: npm Package

npm install @uxcam/web-sdk

import uxcam from '@uxcam/web-sdk';

uxcam("newTracker", "uxcamTracker", {
  appKey: "YOUR_APP_KEY"
});

Verify It Works

Load your website
Navigate through a few pages
Check your UXCam Dashboard - your session should appear within 30 seconds

Tip

Open browser DevTools Network tab and filter by "uxcam" to see SDK requests.

What's Captured Automatically?

Page views and navigation
Clicks, scrolls, and user interactions
Password and email fields are auto-occluded

Next Steps

You're recording sessions! Now customize your integration:

Full Web Guide

Complete setup with all configuration options

Define Pages

Organize pages without code changes

Hide Sensitive Data

Additional privacy protection

Track Events

Capture custom user actions

Content Security Policy

If your site uses CSP, you'll need to allow UXCam resources. See CSP configuration.