JavaScript Installation

Learn how to install Uzera JavaScript code snippet in your application / website

Uzera SDK Installation

Why do you need to install the Uzera code snippet? To display Uzera in-product experiences to the right users at the right time, you'll need add the Uzera code snippet to your application.

Do I need to have technical expertise? You don't need technical expertise to use Uzera, but for these methods, we suggest you involve technical team members to help with implementation. Once installed, you won't need any further help from developers, and you can manage everything from the Uzera Dashboard.

Here are the steps to install the Uzera code snippet and publish experiences to your users.

1. Login to your Uzera account.

2. Open Settings.

3. Click on Manage Domain.

4. Click on Add domain button.

5. Click on Install Script button.

6. Copy or email your tracking code and Send it to your developer.

7. Once the Script has been Installed, your Account will be ready for use Uzera feature.

Identify users

How to identify and send user properties to Uzera ? To show the right content to the right users at the right time, you must identify users with the "identify" event and send their data to Uzera .

It's requires to an "id" (YOUR_USER_ID), Name and Email to uzera() function as per the instructions below, You can leverage this information for better targeting and personalizing experiences.

We recommend passing as much information as possible about your users. The more data you provide, the better we can target and personalize the onboarding experience for each user.

uzera("identify", {
  id: "YOUR_USER_ID", // Replace with your unique user ID (required)
  userData: {
    // recommended properties for personalization (optional)
    name: "John Doe", // current user's full name
    email: "[e-mail]", // Current user's email
    join_date: "2023-05-17T08:42:25.253Z", // ISO format (ie.2023-05-17T08:42:25.253Z) of user signup date
    plan: "Startup", // Current user's plan name
    purchased_at: "2023-05-17T08:42:25.253Z", // ISO format (ie.2023-05-17T08:42:25.253Z) of account purchase date (leave null if empty)
    role: "Manager", // Current user's role or permissions
    account_id: "1234XYZ", // Current user's account ID
    company_name: "Acme Corp", // Current user's company name
    renewal_date: "2023-05-17T08:42:25.253Z", // ISO format (ie.2023-05-17T08:42:25.253Z) to remind users for renewal etc.
  },
});

Events Tracking

By tracking events in your application, it allows you to show Uzera's content based on what actions the user has taken or hasn't taken. This can also help you see how your content affects user behavior.

You can use the following event tracking code to track any custom event and send data to the Uzera platform.

uzera("track", {
  event: "CustomEvent", // Replace with your custom event name
  data: {
    // Replace with your custom event data
    // For example:
    product_id: "123456789",
    product_name: "Sneaker Shoes",
    product_price: 299.99,
    product_category: "Electronics",
  },
});

If you just want to track event without data, for example some specific button click event without sending any custom data, you can use following code

uzera("track", {
  event: "CustomEvent", // Replace with your custom event name
});