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
A tag 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
Luma Web SDK Tutorial(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 the
Adobe Experience Platform Web SDKextension so the sidebar opens -
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. This adds the correct datastream/config id to the network calls made from the browser, so the calls are routed to the correct datastream when they arrive in the Platform Edge Network:
-
Under Datastreams, select the Choose from list input method
-
Configure the Production Environment. (The other tag environments in the property will inherit the production settings):
- Select the sandbox in which you created the schema, identity namespace and datastream
- Select the datastream that you created earlier,
Luma Web SDK: Development Environment
-
Select Save
For more information on each section of the extension, see Configure the Adobe Experience Platform Web SDK extension.
Now that you have installed Platform Web SDK and associated it with the datastream, you are ready to start collecting data.