Back to the blog
Technology

Part 2 - Getting started with Adobe Analytics - tagging website using Adobe Launch

author image

Vandana Srirangam

Date posted: April 11, 2022

In part 1 of this series, we created a demo report suite. We also discussed basic Launch terminologies. Let’s dive in and tag our website using Launch.

Login to experience.adobe.com and go to Data collection( aka Launch)

Getting-started-with-Adobe-Analytics-tagging-website-using-Launch

Creating new property

Click on New Property.

Getting-started-with-Adobe-Analytics-tagging-website-using-Launch1

Enter the required details using the below screenshot as reference. The domain name entered here does not matter, as long as the format is valid.

Getting-started-with-Adobe-Analytics-tagging-website-using-Launch2

Save the newly created property.

Adding a working library

Open the property and click on Environments.

Getting-started-with-Adobe-Analytics-tagging-website-using-Launch3

You will see three environments by default. Production, Staging and Development.

Click on “Select a Working Library” and add the library. Choose Environment as Development. Click Save & Build to Development.

Getting-started-with-Adobe-Analytics-tagging-website-using-Launch4

Finding the script tag

Go back to Environments and click on the INSTALL icon against “Development”. This gives us the script tag to be embedded into the html of the website.

Getting-started-with-Adobe-Analytics-tagging-website-using-Launch5

Copy the script tag.

Adding script tag to the html code

At this point, the developer needs to insert the tag into the html code. This will be the one and only line of Launch code that goes into the html. Any tagging you do using Launch will be part of the javascript whose name you have inserted in the html.

Open the Geometrix site’s index.html in a code editor and place the copied script tag just below the data layer.

We will be referencing the elements from the data layer in our launch variables. Hence it is important that the script tag is placed after the data layer is loaded.

Getting-started-with-Adobe-Analytics-tagging-website-using-Launch6

For this demo site, script tag has to be added to every page of the website. However, in most modern web technologies, adding in one place will do the trick.

Running the website

Now run your website. We have used Web server for Chrome for the same.

Open Omnibug from the developer console.

Getting-started-with-Adobe-Analytics-tagging-website-using-Launch7

Refresh your website. If you see the details same as in the below screenshot, Adobe Launch is now linked to your website.

Getting-started-with-Adobe-Analytics-tagging-website-using-Launch8

If you have added the script tag only to the index page, you will find Adobe Launch only when you refresh the home page. If you have added it to other pages as well, you will find Adobe Launch while navigating to those pages too.

Now we have successfully tagged the website using Adobe Launch.

In the next blog, we will learn how to capture some basic data in Adobe Analytics using launch.

Part 1 - Getting started with Adobe Analytics - Terminologies and Report Suite creation
Part 3 - Getting started with Adobe Analytics - capturing data using Adobe Launch
Implementing Adobe Analytics for Gatsby site

Browse all categories