Google Analytics is a popular web analytics service that provides insights into website traffic and user behavior. It is widely used by businesses, digital marketers, and analysts to track and measure the effectiveness of their online marketing efforts.
If you’re looking to implement Google Analytics on your website, Adobe Experience Platform is a powerful suite of tools that can help you easily and efficiently set up and manage your tracking. In this blog post, we’ll take a closer look at how to implement Google Analytics using the Adobe Experience Platform.
Step 1: Set up an Adobe Experience Cloud Account
Step 2: Create & Configure your Tag Property
Next, you’ll need to set up a Tag Property in Adobe Experience Platform. A property represents your website or app, and it’s where you’ll configure your tracking settings. To create a property, click on the “Tags” tab in the Experience Platform interface and then click on the “New Property” button. You’ll be prompted to enter your property name and select your property type (website or app).
Step 3: Adobe Web Install Instructions
To install the Data Collection embed code on your website, you’ll need to navigate to Environments and select the ‘Install’ Box next to the environment you’re going to be installing (Development/Staging/Production).
Once selected, you’ll be provided with a unique Environment ID and a Standard embed code.
Paste this code inside the
<head> tags of your website/document.
After installing the embed code and deploying your changes, you can validate your implementation using the Adobe Experience Cloud Debugger extension.
Step 4: Create Data Elements
Core Extension Data Element Types
- Conditional Value
ES6+ now supported! See help docs for more info.
- Device Attributes
Browser Window Size
- DOM Attribute
From the DOM element matching a CSS Selector. Learn more
Apply transformations on Data Elements
- Local Storage
- Merged Objects
Select data elements that will each provide an object. These objects will be deeply (recursively) merged together to produce a new object. The source objects will not be modified. If a property is found at the same location on multiple source objects, the value from the latter object will be used. If a source property value is
undefined, it will not override a value from a prior source object. If arrays are found at the same location on multiple source objects, the arrays will be concatenated.
- Page Info
Protocol (HTTPS or HTTP)
- Query String Parameter
- Random Number
Generate a number that is between 0 and 1,000,000,000
- Runtime Environment
Library Build Date
Event Detail Payload
Direct Call Rule Identifier
- Session Storage
- Visitor Behavior
Minutes On Site
Session Page View Count
Lifetime Page View Count
Is New Visitor
Step 5: Install the Google Global Site Tag (gtag) Extension
Once you have an Adobe Experience Cloud account, you’ll need to install the Google Global Site Tag (gtag) extension on your Tag Property from the Extensions Catalog. This extension allows you to deploy Google’s latest Global Site Tag, or gtag.js, library via Adobe Experience Platform. Gtag.js is Google’s latest code base, which replaces older-style Google Analytics, Google Ads (AdWords), and the Google Marketing Platform (DoubleClick Floodlight) implementations with one unified tag.
This extension was created by Acronym, a digital marketing agency and Adobe partner based in New York City. If you need help or have feedback, please check out their documentation or reach out to firstname.lastname@example.org.
Step 6: Configure your Global Site Tag Extension
Next, you’ll need to configure the extension and add your Google Analytics Account. With the extension open, choose which Analytics, Marketing Platform, and/or Ads accounts you want to send data to. An account name and ID are required for each tool; all configurable additional settings are optional and have been defaulted to the most common settings.
You can set an account ID for each environment (Development, Staging & Production). If the staging or development fields are left blank then the production account ID will be used.
Cookies & User IDs
Set various cookie and user identification settings. Learn more.
The name of the Google Analytics cookie. Defaults to
The domain the Google Analytics cookie should be set to. Defaults to
Cookie Expires (# of days)
The number of days until the Google Analytics cookie should expire. Defaults to 730 (2 years).
A unique, persistent, and non-personally identifiable user ID, that should only be passed if the User ID feature is enabled.
Track users across multiple domains. This section takes care of the
linker property, Learn more.
Allow incoming cross-domain user ID parameters for this account. This will always be enabled if any domains are entered.
You can set a data element to conditionally enable or disable Accept Incoming Cross-Domain Tracking. Your data element should return a boolean
When enabled, the forms submitted to domains listed below will be tagged with the cross-domain user ID parameters.
You can set a data element to conditionally enable or disable Decorate Forms. Your data element should return a boolean
This should be a comma separated list of root domains that are considered internal and should share the visitor’s session and user IDs.
Custom Dimensions & Metrics
In order to use custom dimensions and metrics with gtag.js, you must first map your custom dimension to a data field. E.g. if you want to use a custom dimension for “account type”, you would set “dimension1” on the left, and “account_type” on the right. Then in your page views and/or events, you’d set “account_type” to the account type value in a custom data field. This would get translated to dimension1 when sent to Google Analytics. Learn more about the custom_map setting.
Various privacy settings that can be enabled or disabled.
When enabled, IPs are anonymized within the Google Analytics interface, learn more.
Here you can configure various integrations with your Google Analytics property.
This allows for Google Optimize to be installed on the page, learn more.
Custom Data Fields
Here you can map any additional fields that will be passed on every hit for this account, learn more.
Data Layer Name
The variable name of the underlying data layer array that gtag.js uses. While Google by default uses
dataLayer, Acronym recommends changing this to prevent conflicts since
dataLayer is a relatively common name.
You can change the name of Google’s function that will exist in the global namespace from
gtag to a name of your choosing. Learn more.
Custom Configuration Code
You can run custom code after the initial configuration has been set, but before any events or page views are sent. Both the
gtag function and the
dataLayer are passed as arguments. Any return value is ignored.
You can choose to disable the collection of remarketing data for users who do not wish to view personalized ads. This data collection is enabled by default, but additional settings in the Google product interfaces may be required in order to use the data. Learn more about how disabling collection impacts Google Analytics and DoubleClick.
Step 7: Set up your Launch Rules
With your Global Site Tag Extension configured, you’ll need to set up your tracking rules. Tracking rules define the actions that trigger tracking events, such as page views, form submissions, or button clicks. To set up a tracking rule, click on the “Rules” tab in the Data Collection interface and click on the “Create Rule” button. You’ll be prompted to enter a rule name and select the trigger and action for your tracking rule.
Need more info? See the Docs.
Preload the gtag.js library
By default, the library will load when the first gtag action is called. This means a page will not load the gtag.js library if no page view, event, or set actions calls are made. This reduces the amount of assets your end users will have to load.
If you want to force the gtag.js library to load on every page, no matter if any gtag actions are called, or you want to load the gtag.js library earlier on the page, use this action to do so. It will only load the gtag.js library and configure the accounts setup in the extension configuration. If the gtag.js library has already loaded, it will not be loaded again.
Send a Page View
This lets you send a page view server call to Google — similar to what a browser load would send if the tag were directly on the page instead of in Launch. Toggle which account(s) you want to send the page view to, or trigger each one depending on a data element. For each tool, you can also select any custom data that you want to send with the page view, such as custom dimensions, metrics, etc.
Custom Data Fields
Here you can map any additional fields (e.g. page_title, page_path, page_location, custom dimensions etc.) that will be included with future page views and events, unless overwritten elsewhere. Learn more.
Send an Event
An event is typically an action you want to track that may or may not require a browser refresh, such as a purchase, form submission, video view, or button click.
- Event Name (Action)
This can be an event name recommended by Google, or a name of your choosing.
- Event Category
- Event Label
- Event Value
- Non-Interaction Event
- Event Callback
Here you can run custom code after the processing of the event command has been completed. You should not wrap your code within
Additional Data Fields
Step 8: Create a Library & Publish your changes
Once you have your tracking rules set up, you’ll need to publish your changes to activate tracking on your website. To do this, first, select or create a new library in the top-right of the Adobe interface and then click on the “Build” button. Once completed, navigate to ‘Publishing Flow’ and submit or publish your development library. Your changes will be deployed to your website, and tracking will begin.
Step 9: Verify tracking in Google Analytics
To verify that tracking is working correctly, you can check your Google Analytics account. To do this, log in to your Google Analytics account and go to the “Real-Time” tab. You should see data coming in from your website within a few minutes. If you don’t see any data, you may need to check your tracking rules to ensure they are configured correctly.
In conclusion, implementing Google Analytics using Adobe Experience Platform is a straightforward process that can help you easily set up and manage your tracking. By following the steps outlined above, you’ll be able to track and measure the effectiveness of your online marketing efforts and gain valuable insights into your website traffic and user behaviour.