Identifying Users

How do I identify my users or customers using Zipy?

To identify users you will need to additionally call zipy.identify(uuid, {userInfo}). This will help you identify the users of your application by associating your own unique identifier with their activity. This method should typically be called when your users identify themselves by signing in to your application.

Example Usage:

In case you choose to install Zipy in your app with the script tag method, you would first need to include a two line JavaScript SDK provided by Zipy in the <head></head> section of your web app.

<script src="https://storage.googleapis.com/zipy-files/index.standalone.umd.js" crossorigin="anonymous"></script>
<script> window.zipy && window.zipy.init('YOUR_PROJECT_SDK_KEY');</script>

After installing Zipy with the script tag, you can associate the recorded sessions with a unique identifier and information of your users. You can do so by adding the following code in your login module or any other source file where your users get successfully authenticated into your application. Given below is an example usage in the code:

window.zipy.identify("cbrandon@brands.com", {
   firstName: "Charles",
   lastName: "Brandon",
   email: "cbrandon@brands.com",
   customerName: "Brands LLC",
   age: "34"
});

To anonymize a previously identified user of your application, use the following code in a source file where users sign out of your application:

window.zipy.anonymize()

In case you choose to install Zipy in your app with the npm method, you would need to install zipy module in the app project as a first step:

npm i zipyai

Then import zipy module and initialize in your _app.js or any other source file:

import zipy from "zipyai";
zipy.init("YOUR_PROJECT_SDK_KEY");

After integrating Zipy using npm, you can associate the recorded sessions in Zipy with a unique identifier and information of your users. You can do so by adding the following code in your login module or any other source file where your users get successfully authenticated into your application. Given below is an example usage in the code:

import zipy from "zipyai";
zipy.identify("cbrandon@brands.com", {
    firstName: "Charles",
    lastName: "Brandon",
    email: "cbrandon@brands.com"",
    customerName: "Brands LLC",
    age: "34"
});

To anonymize or disassociate a previously identified user of your application from the session, use the following code in a source file where the user signs out of your application:

import zipy from “zipyai”;
zipy.anonymize();

The uuid sent to Zipy can be viewed in the Session Replays list in the user column, as shown in the image below:

The userInfo sent to Zipy can be viewed in the User Environment details in each session replay, as shown in the image below:

zipy.identify(uid, {userInfo})

Following are the Method Parameters:

Name

Description

uuid

A string denoting your unique identifier for your user. Examples of unique identifiers could be UUID, email ID, full name or any other string that uniquely identifies your users.

userInfo

A JSON object which specifies additional details about your user. (Optional)

In addition to the unique identifier sent via uid, the userInfo parameter is a JSON object supporting the key/value pairs mentioned below. You can choose to include one or more of the following information in your userInfo parameter:

firstName - String
lastName - String
email - String
customerName - String
avatar - String
phone - String
age - String

Zipy now supports two kinds of identifiers - predefined and custom identifiers. You can read more about custom identifiers here.

Previously identified users of your application can be anonymized by calling the zipy.anonymize() method. This will automatically split the session and associate the new session with a new anonymous user which Zipy will identify with its own identification. This method should typically be called when users sign out of your application.

PreviousRelease Version NextAdding Custom Identifiers

Last updated 2 months ago

import zipy from "zipyai"; zipy.identify("cbrandon@brands.com", { firstName: "Charles", lastName: "Brandon", email: "cbrandon@brands.com"", customerName: "Brands LLC", age: "34" });