Install Adobe Experience Platform Web SDK tag extension
Learn how to install and configure the Adobe Experience Platform Web SDK tag extension. The easiest way to implement Web SDK is using Adobe’s tag manager, tags (formerly known as Launch). The Platform Web SDK 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:
Add a tag 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:
- Open the Data Collection interface
- Select Tags in the left navigation
- Select the New Property button
- As the Name, enter
Web SDK Course(add your name to the end, if multiple people from your company are taking this tutorial) - As the Domains, enter
enablementadobe.com(explained later) - Select Save
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:
-
Open your new tag property
-
Go to Extensions > Catalog
-
Search for
Adobe Experience Platform Web SDK -
Select Install
Link the extension to your datastream
Leave most of the default settings and update them later, as needed. The only thing that you must do now is link the extension to your datastream:
-
Under Datastreams, select the Choose from list input method
-
Select the sandbox in which you created the schema, identity namespace and datastream
-
Select the datastream that you created earlier,
Luma Web SDK -
Select Save
NOTEIf you cannot find your datastream, go to the Configure a datastream lesson and follow the steps to create one
For more information on each section of the extension, see Configure the Adobe Experience Platform Web SDK extension.
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 that they classify as trackers. In these cases, using a CNAME can prevent your data collection from being disrupted for users employing these tools.
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 accordingly in the extension configuration.
Now that you have installed Platform Web SDK and associated it with the datastream, you are ready to start collecting data.
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
