---
title: [Info only] Adobe Experience Platform Data Collection
slug: qatar-airways-bootcamp/info-only-adobe-experience-platform-data-collection
docTags: 
createdAt: 2024-01-12T15:08:12.522Z
---

### Objective

- Deploy the Adobe Experience Platform Web SDK and send data to the Adobe Experience Platform Edge Network

### Adobe Experience platform Web SDK

Data is currently sent to Adobe Solutions and Partner Solutions Client-side with individual requests

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/e2o8K9oqmK44E74Qt1Pgm_image.png)

With Adobe Experience Platform Web SDK and RTCDP Connections, these requests are consolidated into a single Client-side request and forwarded Server-side:

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/ksEf95Px3EFXmyzDHjIlK_image.png)

In this Lab you will be creating your own **Datastreams** and **Tags** to stream data to the Experience Platform Edge Network

### Step 1: Create a Tags Property

1. Navigate to **Tags **under Data Collection in the left hand menu.
2. In the list of **Tag Properties**, search for `[T]`  to find the Template for this lab.
3. Check the box next to the Property `[T] AEP Bootcamp Luma Retail [2024] (web)`.
4. Select **Copy** from the top right of the screen.
5. Prefix this new Tag Property with your name. E.g. `[your name] - AEP Bootcamp Luma Retail [2024] (web)`
6. Click **Copy.**

### Step 2: Create a Datasream

A **Datastream **tells the Adobe Edge servers where to send the data after it is collected by Web SDK. For example, do you want to send the data to Adobe Experience Platform? Adobe Analytics? Adobe Audience Manager? Adobe Target?

1. Navigate to **Datastreams** under Data Collection in the left hand menu.
2. Select **New Datasream.**
3. Name your Datastream. E.g. `[your name] - AEP Bootcamp Datastream`
4. For the **Event Schema**, select `Demo System - Event Schema for Website (Global v1.1) `from the drop down.
5. Click **Save.**

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/aUFtfkShWHhboGCVBxznP_image.png)

Now you will to add **Services** to your Datastream, to do this

1. Select **Add Service.**
2. Choose `Adobe Experience Platform` from the drop down.
3. For the **Event Dataset**, select `Demo System - Event Dataset for Website (Global v1.1) `from the drop down.
4. For the **Profile Dataset**, select `Demo System - Profile Dataset for Website (Global v1.1) `from the drop down.
5. Leave all other settings as the default. 
6. Click **Save.**

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/M_-B0QocwANq3nVNKWncO_image.png)

### Step 3: Configure the Web SDK Extension

Now let’s take a deeper look at the building blocks of Adobe Experience Platform Data Collection, to understand what is installed on your AEP Demo website. You will have a closer look at the Adobe Experience Platform Web SDK Extension, you’ll configure a **Data element **and a **Rule **and you’ll learn how to **publish a library.**

1. In the **Tags Property** you created in step 1, select **Extensions** from the left hand menu.
2. Click on the **Adobe Experience Plaform Web SDK **tile, a menu will appear on the right hand side.
3. Click **Configure.**

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/LCqYrh-T26T0AHGz7s3h4_image.png)

1. Scroll down to the **Datastreams** section.
2. For each of the environments, choose the Datastream you just created from the drop downs.
3. Click **Save.**

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/BlZ9AofILBG3dJcSBAEci_image.png)

### Step 4: Configure Data Elements 

Return to your Tag Property. 

1. Select **Data Elements **from the left hand menu.

:::hint{type="info"}
In Data Elements we map data relating to the page from the Data Layer on the website and store them in our Data Elements. We can then reference these in our Rules. For this lab we will not create any new Data Elements, instead you can review the existing data elements in your Tags Property. 
:::

We will now map these Data Elements to a new **XDM Object** Data Element, ready to be sent to Adobe Experience Platform. 

1. Search for the Data Element `XDM - Product View`
2. Take a look at the **mappings** that have been configured on the Edit Data Element screen:

:::hint{type="warning"}
The Event schema for the Demo Website is already selected, do not change this as you will need to remap all values if removed
:::

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/Cs1kkNS7_oyb82-Sw8_KS_image.png)

For example, the screenshot adove shows the mapping of the Product name to the relevany XDM field. We configure these XDM Object Data Elements for all the events we want to send to the Adobe Experience Platform from the website.

1. Click **Cancel** to close this window.

### Step 5: Configure Rules

Tags in Adobe Experience Platform follow a rule-based system. They look for user interaction and associated data. When the criteria outlined in your rules are met, the rule triggers the extension, script, or client-side code you identified.

Return to your Tag Property. 

1. Select **Rules **from the left hand menu.
2. Search for the Rule `Product View` so we can see how the XDM Object Data Element in the last exercise is used.

The Rule consists of:

- An **Event **that will trigger the Action on load of the website page.
- A **Condition** that checks if that page is a product page**.** The rule will only trigger the Action on the product pages.
- An **Action** that sends the **Product View** Experience Event to the Adobe Experience Platform.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/yf0BM0Fs9ZM7kkQPKh2di_image.png)

Let's take a closer look at the Action. 

1. Click on the `Send "Product View" Experience Event` Action.

Under **Data** you will see the `XDM - Product view` Data Element we looked at in the previous exercise is selected. This will send a **product view event** with our mappings to our Dataset in the Adobe Experience Platform.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/CF1aQj1-GLDaJkOktzCCR_image.png)

1. Click **Cancel.**

### Step 6: Test your configuration on the Demo website

1. Open the Demo Website.
2. Sign in to the **AEP Debugger**.
3. In the **Experience Platform Web SDK** configuration, select your property and embed code (dev).
4. Refresh the webpage.
5. Examine the payload in the AEP Web SDK tab.

You will now see your data successfully sent to the Edge.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/zGBlJl4_E9gSsmGLvHMdk_image.png)