Get up and running with UXCam in minutes - no complex setup required. This guide covers everything you need to integrate the UXCam Web SDK into your website or web app.

Note

Highlights information that users should take into account, even when skimming.

Tip

Optional information to help a user be more successful.

Important

Crucial information necessary for users to succeed.

Warning

Critical content demanding immediate user attention due to potential risks.

Caution

Negative potential consequences of an action.

Success

Negative potential consequences of an action.

Supported technologies

But not limited to..

Basic web (HTML CSS and Javascript)
React.js
Angular
Vue.js
Next.js
Flutter Web

Choose your Method of Integration

HTML Code snippet	Jump →
Google Tag Manager	Jump →
Shopify	Jump →
Wordpress	Jump →
Flutter Web	Jump →

What is automatically captured?

After the initial integration, UXCam automatically collects a variety of user interactions and technical properties without requiring additional setup.

User Events
We automatically capture key interaction events such as taps, clicks, scrolls, and page navigations. ➜ Learn how to add custom event tagging
Page Visits
All page views are captured automatically. ➜ Use code-less page definition to organise your pages without touching code
Sensitive Data Protection
Inputs such as passwords and email fields are auto-occluded to protect user privacy. ➜ Explore additional occlusion options
User Identification
We identify users based on anonymous browser/device IDs by default. ➜ You can enhance this by using functions to set user identity and properties

Content Security Policy (CSP)

If your website uses a Content Security Policy (CSP), you'll need to explicitly allow UXCam resources for the Web SDK to function properly. Without this, session recordings and script loading may be blocked. ➜ Learn how to configure your CSP to safely enable UXCam in our Content Security Policy setup guide

Support

For questions or support, reach out to us at [email protected].