Install the Web SDK using the tag extension
Adobe offers a dedicated tag extension to implement and configure the Web SDK. This implementation method is the primary method recommended by Adobe to deploy and maintain data collection code.
Once you meet the prerequisites, you can deploy the Web SDK tag extension by using the following steps:
Install the extension within a tag
- Log in to experience.adobe.com using your Adobe ID credentials.
- Navigate to Data Collection > Tags.
- Select the desired tag property, or create a tag property.
- Navigate to Extensions, then select the Catalog tab.
- Locate and install the Adobe Experience Platform Web SDK extension.
- Select the appropriate sandbox and datastream for each environment, then click Save.
See the documentation on how to configure the Web SDK tag extension for more information.
Publish the tag code to development
The Web SDK extension is now installed for this tag. You can now publish the tag code for use in a development environment.
- Navigate to Publishing flow, then select Add Library.
- Give this library any desired name, such as “Add Web SDK library”. Set the Environment drop-down menu to “Development”.
- Select Add All Changed Resources, then click Save & Build to Development.
Install the loader code on your site
Now that the tag code is published, you can add the tag loader code to your website.
- Navigate to Environments, then click the Box icon next to “Development” to open a modal window containing install instructions for this environment.
- Copy the embed code and paste it in the
<head>tag of your website.
Fill out your implementation and publish to production
See the Web SDK extension overview for more information around the extension itself, and Tags overview for more information around navigating the tags interface.