# Navigating Through UI

This section explains the different tabs available on the Ingest Labs UI screen.

After signing in, the landing page appears, displaying the **Vendor Name** <img src="https://2731380315-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaDMDmegqZUJFhJhF4JQG%2Fuploads%2Faz8MAir7bwLJ6JgfBbSc%2Fimage.png?alt=media&#x26;token=a7e18142-ecdf-42ed-9e0b-06f58347bcfe" alt="" data-size="line"> at the top and the **Username** <img src="https://2731380315-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaDMDmegqZUJFhJhF4JQG%2Fuploads%2FQHDwCxhBMHPOaEvn1UaA%2Fimage.png?alt=media&#x26;token=6d5cc16b-85ec-493a-895d-64dd5f90dc44" alt="" data-size="line">along with the **Email ID** of the signed-in customer at the bottom left.

<figure><img src="https://2731380315-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaDMDmegqZUJFhJhF4JQG%2Fuploads%2FtD78LqWQLDZwKeDEm4mc%2Fimage.png?alt=media&#x26;token=82fc7349-f4d2-4212-90cd-8922cfcd154c" alt=""><figcaption></figcaption></figure>

Click the **User Icon** to edit the profile or log out of the application.

<figure><img src="https://2731380315-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaDMDmegqZUJFhJhF4JQG%2Fuploads%2FJUhlVTXnF4cqojCRHaVq%2Fimage.png?alt=media&#x26;token=89510b39-e81e-47d8-a6ac-4e77c4f93d6e" alt=""><figcaption></figcaption></figure>

### Products <a href="#products" id="products"></a>

The **Products** section includes the list of products available for a particular Ingest Labs project.

<figure><img src="https://2731380315-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaDMDmegqZUJFhJhF4JQG%2Fuploads%2FFjKNB0mJ52JDyDeHjZZW%2Fimage.png?alt=media&#x26;token=23e197b9-5aad-4776-87c0-2388f2bf06dc" alt=""><figcaption></figcaption></figure>

#### **Notification Groups**

A **Notification Group** allows you to add multiple email addresses to receive alerts for alarms and product updates. Notifications are set at the client level, ensuring that only the relevant people receive alerts at the right time.

<figure><img src="https://2731380315-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaDMDmegqZUJFhJhF4JQG%2Fuploads%2FWtgg1XCm4NZu0EicKbiW%2Fimage.png?alt=media&#x26;token=64730d73-8e47-487f-ba0b-bc8f5f961e31" alt=""><figcaption></figcaption></figure>

### Info <a href="#info" id="info"></a>

The **Info** section displays the information related to the product.

![info](https://ingest-lab.netlify.app/images/navigatingthroughuiimages/info.png)

### Users <a href="#users" id="users"></a>

The **Users** section displays the number of users accessing the Ingest Labs product and the roles allocated for a particular user.

#### Add a New User <a href="#addanewuser" id="addanewuser"></a>

To add a new user, perform the following steps:

1. Click **Users**.
2. Click **Add User** on the top-right corner of the screen.

![addanewuser](https://ingest-lab.netlify.app/images/navigatingthroughuiimages/adduser.png)

3. Enter the e-mail in the **E-mail** field.
4. Enter the Full Name in the **Full Name** field.
5. Enter the Last name in the **Last Name** field.<br>

![adduser](https://ingest-lab.netlify.app/images/navigatingthroughuiimages/mandatoryuserinfo.png)

**Note**: Provide email ID, first name and last name to **add a user**. If any field is left blank, the screen displays a warning.

**Step Result**: Once you add a user, the user receives an e-mail notification to activate the account.<br>

**Note:** If the user cannot activate and reset the password, the admin may select the **Re-invite User** option to trigger the e-mail notification again.

#### Delete User <a href="#deleteuser" id="deleteuser"></a>

You can delete a user using the delete icon to the right of the user.

![Deleteuser](https://ingest-lab.netlify.app/images/navigatingthroughuiimages/deleteuser.png)

To delete a user, perform the following steps:

1. Navigate to **Users** section.
2. Select the user and click the three dots to the right of the user.
3. Click **Delete**.
4. Click **Yes** on the confirmatory message.

![Confirmdelete](https://ingest-lab.netlify.app/images/navigatingthroughuiimages/confirmdelete.png)

5. You will receive a success message after the user is deleted.

![Deletesuccess](https://ingest-lab.netlify.app/images/navigatingthroughuiimages/userdeletesuccess.png)

#### Clear Cache <a href="#clearcache" id="clearcache"></a>

Delete the user cache using the **clear cache** option to the right of the user. User roles are cached for a short duration on the backend server to facilitate Role-Based Access Control (RBAC). When a user's role changes, delete the user's roles and permissions from the cache using the **Clear Cache** feature. This ensures that the updated roles and permissions take effect immediately.

To clear the cache of a particular user, perform the following steps:

1. Navigate to **Users** section.
2. Select the user and click the three dots to the right of the user.

![clearcache](https://ingest-lab.netlify.app/images/navigatingthroughuiimages/clearcache.png)

3. Click **Clear Cache**.

### Roles <a href="#roles" id="roles"></a>

The **Roles** section displays the multiple roles assigned to the particular user.

![assigntheroles](https://ingest-lab.netlify.app/images/navigatingthroughuiimages/roles.png)

#### Assign the Roles <a href="#assigntheroles" id="assigntheroles"></a>

Following are the steps to assign the roles to the user:

**Using Users Section**

1. Navigate to the **Users** section on the top.
2. Select the respective user and click **Edit**.
3. Select the roles for the user from the drop-down list.

![assigntheroles](https://ingest-lab.netlify.app/images/navigatingthroughuiimages/rolesdropdown.png)

4. Click **Save**.

**Note:** You will receive an e-mail notification for any edits or modifications.

**Using the Roles Section**

1. Navigate to the **Roles** section on the top.
2. Select the role to edit.
3. Under the **List of Users associated with this role**, enter the user's e-mail ID.

![Usingtherolessection](https://ingest-lab.netlify.app/images/navigatingthroughuiimages/listofusers.png)

#### Delete the Roles <a href="#deletetheroles" id="deletetheroles"></a>

You can delete the roles using the **Delete** icon at the right-hand corner of the screen.

![Deletetheroles](https://ingest-lab.netlify.app/images/navigatingthroughuiimages/deleteroles.png)

To delete the roles in the User section, perform the following steps:

1. Navigate to **Users** section.
2. Select the user and click **Edit** on the top right corner of the screen.
3. You must clear the roles of a particular user and click **Save**.

![Deletetheroles](https://ingest-lab.netlify.app/images/navigatingthroughuiimages/deleterolesusingusers.png)

### Usage <a href="#usage" id="usage"></a>

The **Usage** option includes the real-time metrics and the data collected based on the number of days. By default, the data for the last seven days appears. However, you can modify the number of days to view the metrics for a particular category.

To view the usage details, select **Product -> Project -> Category**.

![usagedetails](https://ingest-lab.netlify.app/images/navigatingthroughuiimages/usagedetails.png)

**Note**: The Projects option is available only in Tag Manager. By default, All Projects is selected under **Products** tab.

If there is no data available, then the following message appears: *“Metrics data is currently unavailable.”*

The following are the default user options:

| User Options   | Description                                                                                                                                                                                                     |
| -------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Tag Manager    | In Tag Manager, SDK enables the client website to trigger API calls to Ingest Labs. In the **Usage** option, the Tag Manager includes metrics that are collected in real-time during the server-side API calls. |
| All Projects   | Select a specific project to collect the metrics using the **All Projects** drop-down.                                                                                                                          |
| All Categories | <p>Includes the following categories to collect the metrics:<br>• Collector API Calls<br>• Server-Side Tag Count<br>• Server-Side Tag API Calls<br>• Collector Bot Traffic</p>                                  |

You can view the following details with the usage in each category:

| Category                  | Description                                                                          |
| ------------------------- | ------------------------------------------------------------------------------------ |
| Collector API Calls       | Denotes the number of Collector API calls from the website to Ingest Labs servers.   |
| Server-Side Tag Count     | Denotes the number of Server-side tags triggered from Ingest Labs servers.           |
| Server-Side Tag API Calls | Denotes the number of Server-side API calls from the website to Ingest Labs servers. |
| Collector Bot Traffic     | Denotes the number of API calls that Ingest Labs servers detect as bot traffic.      |

The same categories are listed under the **All Categories** drop-down for a detailed view of the metrics. For example, to view the Collector API calls from the previous week, click Collector API Calls from the **All Categories** drop-down and select **Last One Week**. To view the graphical representation for the last month, select **Last One Month** and click **Refresh**.

### Notifications <a href="#notifications" id="notifications"></a>

The **Notifications** option displays the notifications triggered for a particular user. You can add any number of e-mail IDs for a Notification Group. The Notifications are triggered at the client level for alarms and other products.

![Notifications](https://ingest-lab.netlify.app/images/navigatingthroughuiimages/notifications.png)

**Note**: While creating alarms, you can set a notification group e-mail for each alarm. The two types of alarms that are triggered under Tag Manager are:\
• Tag Anomaly Detection Alarm\
• Tag Expiration Alarm

To add a new notification group, perform the following steps:

1. Click **Add Notification Group** on the top-right corner of the screen.

![AddNotifications](https://ingest-lab.netlify.app/images/navigatingthroughuiimages/addnotificationgroup.png)

2. In the Info screen, add the Name in the **Name** field.
3. Enter the Description.
4. Enter the e-mail ID in the **Add New User** field under the **Destinations** section.

![Notifications](https://ingest-lab.netlify.app/images/navigatingthroughuiimages/addnewnotificationgroup.png)

5. Click **Save**.

**Step Result**: The new notification is added.

### Integrations <a href="#integrations" id="integrations"></a>

The Integrations section describes the third-party integrations using the Authorization token. You can set the token expiry to 1 hour, 12 hours, and 72 hours accordingly.

![Integrations](https://ingest-lab.netlify.app/images/navigatingthroughuiimages/integrations.png)

[Previo](https://ingest-lab.netlify.app/aboutingestlabs/)

![Integrations](https://docs.ingestlabs.com/images/navigatingthroughuiimages/integrations.png)
