# Add a New Trigger (Browser)

## Introduction

This document explains step by step how to add Triggers to the browser side. All the information required for Client-side or Browser-side configuratin.

on is fetched from the webpage or browser.

## Procedure

To add a new Trigger, perform the following steps:

**Step 1:** From the left navigation panel, select **Triggers**.

<figure><img src="https://2731380315-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaDMDmegqZUJFhJhF4JQG%2Fuploads%2FGbiqnFpO4Pag48UPhTgV%2Fimage.png?alt=media&#x26;token=3e0bb97c-2db2-46bb-b01a-5cfb37537591" alt=""><figcaption></figcaption></figure>

**Step 2:** On the top-right corner of the screen, click the **Add Trigger** dropdown, then select **For Browser**.

<figure><img src="https://2731380315-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaDMDmegqZUJFhJhF4JQG%2Fuploads%2FjGVxkv2J9rKqqc8tmNBX%2Fimage.png?alt=media&#x26;token=8b6b22fb-3f46-4398-82c2-d18e85a057c5" alt=""><figcaption></figcaption></figure>

**Step 3:** Under the **Info** section, locate the **Name** field and enter the appropriate name.

<figure><img src="https://2731380315-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaDMDmegqZUJFhJhF4JQG%2Fuploads%2FtsXgigEkMLlGMFuqD5Bv%2Fimage.png?alt=media&#x26;token=e505446c-fad2-4a64-9e2e-ce71b870266d" alt=""><figcaption></figcaption></figure>

**Step 4:** Under the **Event** section, click on **Data Element**.\
The **Select Data Element** panel opens on the right side of the screen.\
You can use the search bar to find a specific Data Element or browse through the list.

<figure><img src="https://2731380315-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaDMDmegqZUJFhJhF4JQG%2Fuploads%2F18PAuRcfOE3LPO7t1A6Z%2Fimage.png?alt=media&#x26;token=0b66ba5a-d496-4d28-a96a-550ff25f236d" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2731380315-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaDMDmegqZUJFhJhF4JQG%2Fuploads%2FPoGDI7NP6ApzroFm5Nif%2Fimage.png?alt=media&#x26;token=88f7e586-cc78-4b4e-a409-0c1e5b853e1a" alt=""><figcaption></figcaption></figure>

**Step 5: Record Trigger**

Under the **Record Trigger** section, select the **Enable** checkbox.\
Once enabled, the **Namespace** field appears.\
Enter the appropriate namespace in the **Namespace** field.

<figure><img src="https://2731380315-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaDMDmegqZUJFhJhF4JQG%2Fuploads%2FZ6dZ350rhEqSB3B8fVoa%2Fimage.png?alt=media&#x26;token=97a04399-d9f5-4d0b-b03d-2e3778ac7742" alt=""><figcaption></figcaption></figure>

**Step 6:** Once all the required fields are filled, click **Save** to apply the changes.

<figure><img src="https://2731380315-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaDMDmegqZUJFhJhF4JQG%2Fuploads%2FOnUtiWzWqcNWBzLrkMOL%2Fimage.png?alt=media&#x26;token=b3cfa5d7-b935-402b-bbb9-bc9f8d839e05" alt=""><figcaption></figcaption></figure>

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaDMDmegqZUJFhJhF4JQG%2Fuploads%2FCQnbPn86qFw2TcJEzX20%2FTriggers%20browser.mp4?alt=media&token=66d04b2c-e7ea-4b95-bca7-f1f9e2a95ad2>" %}
