Welcome to the Web SDK Beta trial! This guide will help you integrate and explore the features of our new Web SDK. Designed to be simple and intuitive, this SDK allows you to start capturing user sessions and data immediately after integration.
1. Access to new organization
Once you've accepted to participate in our Web Beta program, our product team will go ahead and create a new organization for your Web under your company account. You will be able to switch between the mobile and web environments in 1 click.
You can access the new organization and find your app key to integrate your web SDK by :
Click on your name > Web Beta organization
Don't forget to invite the rest of your team!
2. Web Integration
It's now time to integrate the Web SDK into your website. Setting this up is easy and takes a few minutes. All you need is your app key which you will find here.
✏️ Note » If you copy and paste the snippet directly from the integration page on the dashboard, your app key will already be included. However, if you're following the tech guides, be sure to replace the placeholder with your app key.
You have two installation methods :
- By code : Copy and paste the snippet of code on your website, preferably below the <head> tag. → Read more on the code installation
- Using google tag manager → Read more on google tag manager here
Once done, you’ll see a confirmation pop-up indicating that the integration is complete.
3. Occlude any elements you don't want to capture
Inputs will be occluded automatically if they meet any of the following criteria. Check out the occlusion guide.
3. Send custom events and properties via code or Google Tag manager
UXCam captures the following events on web automatically. Check out the technical documentation to track custom events.
- uxc_input: Triggered when an input loses focus after it has been modified.
- uxc_submit: Triggered when a form is submitted.
-
uxc_u_turn: Triggered when a user goes back to the same page. The event is triggered on the page they went back to.
Example: If a user navigates Home > About Us > Home, it will be triggered on Home. - uxc_page_refresh: Triggered when refreshing the page.
- Deadlclicks: When a user clicks on an element that it’s not responding / triggering any action or changes in the page.
You can of course analyze these events anywhere in the dashboard.
4. Send user properties or identify your users with a custom user ID.
Unlike mobile devices, users are tracked based on their browser rather than their device. If a user switches browsers, they will be counted as a different user unless an ID is provided.
Below is a table showing the properties shared between mobile and web, as well as those unique to the web. On the web, you’ll find additional details like browser information, referral sources, campaigns, and more.