Set up Audience Manager with Platform Web SDK

Go to Data Collection interface

On the left navigation, select Datastreams

Select the previously created Luma Web SDK: Development Environment datastream

Select Add Service

Select Adobe Audience Manager as the Service

Confirm that Cookie Destinations Enabled and URL Destinations Enabled are selected

Select Save

Go to the Audience Manager interface

Select Audience Data from the top navigation

Select the Data Sources from the drop-down menu

Select the Add New button from the top of the Data Sources page

Give the Data Source a friendly name and description. For initial setup, you can name this Platform Web SDK tutorial.

Set ID Type to Cookie

In the Data Export Controls section, select No Restriction

Save the Data Source

Select Audience Data > Traits

Select Add New > Rule-Based trait

Give your trait a friendly name and description, Luma homepage view

Select the Data Source you created in the previous section.

Select a Folder in which to save your trait in the pane to the right. You may want to create a folder by selecting the + icon next to an existing parent folder. You can name this new folder Platform Web SDK tutorial.

Expand the Trait Expression caret and select Expression Builder You must provide a key value pair that signifies a homepage visit.

Open the Luma homepage (mapped to your tag property) and the Adobe Experience Platform Debugger and refresh the page.

Look at the Network Requests and the event details for the Platform Web SDK to find the key and name value for the homepage.

Return to the Expression Builder in the Audience Manager UI and enter the key as web.webPageDetails.name and the value of content:luma:us:en. This step ensures that you fire a trait whenever you load the homepage.

Save the trait.

Select Audience Data in the top navigation and select Segments

Select Add New in the top left of the page to open the segment builder

Give your segment a friendly name and description, such as Platform Web SDK - Homepage visitors

Select a Folder where your segment is saved in the pane to the right. You may want to create a folder by selecting the + icon next to an existing parent folder. You can name this new folder Platform Web SDK tutorial.

Add an integration code, which in this case is a random set of numbers.

In the Data Source section, select Audience Manager and the data source you created earlier

Expand the Traits section and search for the trait that you created

Select Add Trait.

Select Save at the bottom of the page

Open the Destination Builder by selecting Destinations within the Audience Data menu in the top navigation

Select Create Destination

Enter a name and description, Platform Web SDK tutorial

As the Category, select Custom

As the Type, select Cookie

Open the Configuration section to enter the details about your cookie destination

Give your cookie a friendly name, platform_web_sdk_tutorial

As the Cookie Domain, add the domain of the site where you are planning for the integration, for the tutorial input the Luma domain, luma.enablementadobe.com

As the Publish data to option, select Only the Selected domains

Select your domain if not already added

As the Data Format, select Single Key and give your cookie a key. For this tutorial use segment as the key value.

Finally, select Save to save the destination configuration details.

In the Segment Mappings section, use the Search and Add Segments feature to search for your previously created Platform Web SDK - Homepage visitors and select Add.

Once you add your segment, a pop-up opens where you must provide an expected value for your cookie. For this exercise, enter the value “hpvisitor”.

Select Save

Select Done

Open the Luma demo site homepage with it mapped to your tag property to qualify for your newly created segment.

Open your browser’s developer tools > Network tab

Filter to the Platform Web SDK request using interact as the text filter

Select a call and open the Preview tab to view the response details

Expand the payload to view the expected cookie details, as previously configured in Audience Manager. In this example, you will see the expected cookie name platform_web_sdk_tutorial.

Open the Application tab, and open Cookies from the Storage menu.

Select the https://luma.enablementadobe.com domain and confirm that your cookie is written appropriately in the list