Sending data to Google Analytics using Google Data Layer and Google Global Site extensions

[Ricardo-33]

Hello, I'm trying to send some data to Google Analytics using Adobe Data Collection. I'm using the Google Data Layer and Google Global Site Tag (gtag) extensions. The issue I have is that I'm not able to send items to GA.

Here is the code I'm using for testing:

window.onload = function () {
    let productPage = window.location.pathname.includes("/product/");

    if (productPage) {
        gtag("event", "view_item", {
            currency: "BRL",
            value: 7.77,
            teste: "teste",
            items: [
                {
                    item_id: "SKU_12345",
                    item_name: "Stan and Friends Tee",
                    affiliation: "Google Merchandise Store",
                    coupon: "SUMMER_FUN",
                    discount: 2.22,
                    index: 0,
                    item_brand: "Google",
                    item_category: "Apparel",
                    item_list_id: "related_products",
                    item_list_name: "Related Products",
                    item_variant: "green",
                    location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
                    price: 9.99,
                    quantity: 1,
                },
            ],
        });
    }
};

I'm using Google Data Layer extension in my Data Elements and Rules. Something like this:

Data Element:

Rule Event:

And then, from my rule, I use the gtag extension to send the data to Google Analytics.

Rule - action:

In Google Analytics I can see that the event and some values from the dataLayer are there, but I can't see items:

I'm not sure if I'm using the extensions correctly, specifically when I use the data element informing "items". Any help is appreciated.

[yuhuisg]

Check that your "Product | Items" data element is getting an expected value. In your same rule, add a Custom Code action with this code:

console.log(_satellite.getVar("Product | Items", event));

If it's successful, you should see your "items" array in your browser console when your rule is triggered.

[Ricardo-33]

It doesn't show anything in my console. But when I change the dataLayer to this:

window.onload = function () {
    let productPage = window.location.pathname.includes("/product/");

    if (productPage) {
        dataLayer.push({
            event : "view_item",
            currency: "BRL",
                value: 7.77,
                items: [
                    {
                        item_id: "SKU_12345",
                        item_name: "Stan and Friends Tee",
                        affiliation: "Google Merchandise Store",
                        coupon: "SUMMER_FUN",
                        discount: 2.22,
                        index: 0,
                        item_brand: "Google",
                        item_category: "Apparel",
                        item_list_id: "related_products",
                        item_list_name: "Related Products",
                        item_variant: "green",
                        location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
                        price: 9.99,
                        quantity: 1,
                    },
                ]
        }) 
    }
};

My console show the values from those keys:

But I still don't see items in GA when I check the view_item event.

[yuhuisg · Accepted solution]

Take a look at Acronym's documentation for tracking ecommerce data with their Google Site Tag extension: https://docs.acronym.com/analytics/adobe-launch/gtag/faq#ecommerce

[Ricardo-33]

I was checking the values from items in the wrong place. In DebugView I can see that the values from items are there, after some time the Monetization reports started getting the item name dimension as well.

Thanks for your help yuhuisg! I still have to get used to GA

[martinedilone]

To troubleshoot the issue with sending data to Google Analytics using Adobe Data Collection and the gtag extension, follow these steps:

1. Confirm that the gtag script is properly implemented in the <head> section of your HTML document, including your Google Analytics tracking ID.
2. Verify that the dataLayer is correctly set up by adding the necessary script to your <head> section.
3. Push the data you want to send to Google Analytics to the dataLayer before calling the gtag function.
4. Ensure that triggers and tags in Adobe Data Collection are correctly configured to send data to Google Analytics using the gtag function.
5. Check the browser console for any error messages related to Google Analytics or the gtag function.

By following these steps, you can identify and resolve any issues preventing the successful transmission of data to Google Analytics.

Rohan Antara is using this and get sucess.