Install Adobe Experience Platform Web SDK tag extension

Learn how to install and configure the Platform Web SDK tag extension in the Data Collection interface. This tag extension is the only tag extension required to send data to all Adobe Experience Cloud applications, including Analytics, Target, Audience Manager, Real-Time Customer Data Platform, and Journey Optimizer!

Learning objectives

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

  • Create a tag property in the Data Collection interface
  • Install the Platform Web SDK tag extension
  • Map your previously created datastream to the extension

Prerequisites

You must have completed the previous lessons in this tutorial:

Install Experience Platform Web SDK Extension

Add a property

First you must have a tag property. A property is a container for all the JavaScript, rules, and other features required to collect details from a web page and send it to various locations.

Create a new tag property for the tutorial:

  1. Open the Data Collection interface
  2. Select Tags in the left navigation
  3. Select the New Property button
    Add a new property
  4. As the Name, enter Web SDK Course (add your name to the end, if multiple people from your company are taking this tutorial)
  5. As the Domains, enter enablementadobe.com (explained later)
  6. Select Save
    Property details

Add the Web SDK extension

With your XDM schema, datastream, and tag property now created, you are ready to install the Platform Web SDK extension:

  1. Open your new tag property

  2. Go to Extensions > Catalog

  3. Search for Adobe Experience Platform Web SDK

  4. Select Install

    Install Web SDK Extension

Leave most of the default settings and update them later, as needed. The only thing you must do now is link the extension to your datastream:

  1. Under Datastreams, select the Choose from list input method

  2. Select the datastream you created earlier, Luma Web SDK

  3. Select Save

    NOTE

    If you cannot find your datastream, go to the Configure a datastream lesson and follow the steps to create one

    Datastream selection

Now that you have installed Platform Web SDK and associated it to the datastream, you are ready to start mapping data elements to an XDM object with the schema you created.

NOTE

During this tutorial, you configure just one datastream and associate it with all tag environments (development, stage, and production). When you implement Platform Web SDK on your own website, you should configure a separate datastream for each environment and map them to your tag environments using the Input method > Enter values

Datastream selection

NOTE

While you did not configure a CNAME in the Edge domain setting in this lesson, Adobe recommends you use a CNAME when you implement Platform Web SDK on your own website. While a CNAME implementation does not provide any benefits in terms of cookie lifetime, there may be some other benefits. These benefits include ad blockers and less-common browsers preventing data from being sent to domains they classify as trackers. In these cases, using a CNAME can prevent your data collection from being disrupted for users employing these tools.

For more information on each section of the extension, see Configure the Adobe Experience Platform Web SDK extension

Next: Create data elements

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

On this page