Magento Data Layer Extension

Extension features

• Integrates easily with Google Tag Manager
• Based on the GA4 Data Layer Protocol
• Compatible with Server-side Tracking (sGTM/TAGGRS)
• Supports enhanced conversions
• Distinguishes between first-time and returning customers

Configuration

Download the extension

Download the Magento Data Layer Extension in the Adobe's Commerce Marketplace.

Install on your website

1. Enable your Magento store's maintenance mode

   bin/magento maintenance:enable
   

2. Add the extension using Composer.
3. Activate the module and update the database.

   bin/magento setup:upgrage

4. Compile the dependency injection.

   bin/magento setup:di:compile
   

5. Distribute static content.

   bin/magento setup:di:compile

6. Turn off the store's maintenance mode.

   bin/magento maintenance:disable

Open the extension

After installation within the Magento Admin, go to Store and choose Configuration here.

Update the settings in Google Tag Manager

Next, select the TAGGRS Data Layer extension. Then you can fill in the following points. Note that not all points are mandatory.

• Google Tag Manager Code: enter your web container ID here
• Google Tag Manager URL: Enter your subdomain here including https://
• Measurement API secret: Do you want to use Webhooks? With the measurement API, you can close the gap of datalayer event on thank you page by sending a webhook to GA4. This makes GA4 100% accurate in terms of ecommerce. This then only involves the purchase event. Check out a tutorial on Measurement API Secret here
• Measurement API - Measurement ID: GA4 measurement stream code; Example: G-1234567890
• Debug mode: Once you turn this on, the datalayer is displayed within your element inspect console. This allows you to easily see what you are passing to GTM.

Then click Save Config to save the changes.

Configure events

1. Choose which events you would like to measure by selecting Yes and No.
   

   Here is a preview of the events you can measure:
   
   view_item_list
view_item
add_to_cart
remove_from_cart
view_cart
select_promotion
start_checkout
purchase
2. Click Save Config to save the changes.

Testing

1. Go to the Google Tag Manager preview mode.
2. Create an event, then click on data layer and here you will see your Magento data coming in nicely structured.
3. Make sure all tags and triggers in Google Tag Manager are set up correctly to forward data to your analytics platforms.

Technical benefits

Useful resources