Stream data to Experience Platform with Web SDK

Learn how to stream web data to Adobe Experience Platform with Platform Web SDK.

Experience Platform is the backbone of all new Experience Cloud applications, such as Adobe Real-Time Customer Data Platform, Adobe Customer Journey Analytics, and Adobe Journey Optimizer. These applications are designed to use Platform Web SDK as their optimal method of web data collection.

Web SDK and Adobe Experience Platform diagram

Experience Platform uses the same XDM schema you created earlier to capture event data from the Luma website. When that data is sent to Platform Edge Network, the datastream configuration can forward it to Experience Platform.

Learning objectives

At the end of this lesson, you will be able to:

  • Create a dataset within Adobe Experience Platform
  • Configure the datastream to send Web SDK data to Adobe Experience Platform
  • Enable streaming web data for Real-Time Customer Profile
  • Validate the data has landed both in the Platform dataset and in Real-Time Customer Profile
  • Ingest sample loyalty program data into Platform
  • Build a simple Platform audience

Prerequisites

To complete this lesson, you must first:

  • Have access to an Adobe Experience Platform application like Real-Time Customer Data Platform, Journey Optimizer, or Customer Journey Analytics
  • Complete the earlier lessons in the Initial Configuration and Tags Configuration sections of this tutorial.
NOTE
If you don’t have any Platform applications, you can skip this lesson or read along.

Create a dataset

All data that is successfully ingested into Adobe Experience Platform is persisted within the data lake as datasets. A dataset is a storage and management construct for a collection of data, typically a table that contains a schema (columns) and fields (rows). Datasets also contain metadata that describes various aspects of the data they store.

Let’s set up a dataset for your Luma web event data:

  1. Go to the Experience Platform or Journey Optimizer interface

  2. Confirm you are in the development sandbox you are using for this tutorial

  3. Open Data Management > Datasets from the left navigation

  4. Select Create dataset

    Create schema

  5. Select the Create dataset from schema option

    Create dataset from schema

  6. Select the Luma Web Event Data schema created in the earlier lesson and then select Next

    Dataset, select schema

  7. Provide a Name and optional Description for the dataset. For this exercise, use Luma Web Event Data, then select Finish

    Dataset Name

A dataset is now configured to start collecting data from your Platform Web SDK implementation.

Configure the datastream

Now you can configure your datastream to send data to Adobe Experience Platform. The datastream is the link between your tag property, the Platform Edge Network, and the Experience Platform dataset.

  1. Open the Data Collection interface

  2. Select Datastreams from the left navigation

  3. Open the datastream you created in the Configure a datastream lesson, Luma Web SDK: Development Environment

    Select the Luma Web SDK datastream

  4. Select Add Service
    Add a service to the datastream

  5. Select Adobe Experience Platform as the Service

  6. Select Enabled

  7. Select Luma Web Event Data as the Event Dataset

  8. Select Save

    Datastream Config

As you generate traffic on the Luma demo website mapped to your tag property, the data populates the dataset in Experience Platform!

Validate the dataset

This step is critical to make sure that the data has landed in the dataset. There are multiple ways to validate the path of data sent to the dataset.

  • Validate using Experience Platform Debugger
  • Validate using Experience Platform Assurance
  • Validate using Preview Dataset
  • Validate using Query Service

Debugger

These steps are more or less the same as what you did in the Debugger lesson. However, since data will only be sent to Platform after you have enabled it in the datastream, you must generate some more sample data:

  1. Open the Luma demo website and select the Experience Platform Debugger extension icon

  2. Configure the Debugger to map the tag property to your Development environment, as described in the Validate with Debugger lesson

    Your Org Id shown in Debugger

  3. Browse the website. View some products and add some to your shopping cart

  4. In the Debugger, open the “events” row to look for some of your XDM variables

You have validated that data has left the browser and sent to the datastream!

Assurance

Since we have now enabled a service in the datastream, there is more we can see in Assurance:

  1. Open your Assurance session or start a new one

  2. Open the datastream event

  3. Here you can view the configuration of the Platform service, including the id of the datastream you created earlier in this lesson.

    datastream config for Platform in Assurance

  4. Open the generic event belonging to the com.adobe.streaming.validation vendor. This shows that the request has been sent to the dataset with the accompanying XDM data

    Validation in Assurance

You have validated that the request was received by Platform Edge Network and forwarded to the Platform dataset.

Preview the dataset

Now, let’s actually look in the dataset! A quick option is to use the Preview dataset feature. Web SDK data is micro-batched to the data lake and refreshed in the Platform interface on a periodic basis. It might take 10-15 minutes to see the data that you generated.

  1. In the Experience Platform interface, select Data Management > Datasets in the left-navigation to open the Datasets dashboard.

    The dashboard lists all available datasets for your organization. Details are displayed for each listed dataset, including its name, the schema the dataset adheres to, and status of the most recent ingestion run.

  2. Select your Luma Web Event Data dataset to open its Dataset activity screen.

    Dataset Luma Web Event

    The activity screen includes a graph visualizing the rate of messages being consumed as well as a list of successful and failed batches.

  3. Since this is a new dataset, if you see even one batch with records ingested, that is a positive sign:

  4. From the Dataset activity screen, select Preview dataset near the top-right corner of your screen to preview up to 100 rows of data. If the dataset is empty, the preview link is deactivated.

    Dataset Preview

  5. A query will run to pull 100 recent rows of data from your dataset. You can drill into individual XDM fields, such as web.webPageDetails.name:

    Dataset Preview

Query the data

You can run custom queries on the data as well to validate data ingestion:

  1. In the Experience Platform interface, select Data Management > Queries in the left-navigation to open the Queries screen.

  2. Select Create query

  3. First, run a query to see all of the names of the tables in the data lake. Enter SHOW TABLES in the query editor and click the play icon to rn the query.

  4. In the results, notice how the name of the table is luma_web_event_data

  5. Now query the table with a simple query referencing your table (note that by default the query will be limited to 100 results): SELECT * FROM "luma_web_event_data"

  6. After a few moments you should see sample records of your web data.

    Dataset query

ERROR
If you get a “Table not provisioned” error, double-check the name of your table. It could also be that the micro-batch of data has not yet landed in the data lake. Try again in 10-15 minutes.
INFO
Query service is a very powerful tool for data engineers and analysts. For more details about Adobe Experience Platform’s query service, see Explore data in the Platform tutorials section.
NOTE
Thank you for investing your time in learning about Adobe Experience Platform Web SDK. If you have questions, want to share general feedback, or have suggestions on future content, please share them on this Experience League Community discussion post
recommendation-more-help
8cbc0fd8-ca1d-433b-9c3d-bc3f113347d4