Google Tag Manager - dynamically send custom events with their params to Google analytics

Question

I'm using Google Tag Manager (aka: GTM) to send events to my Google Analytics 4 account, some of them are custom that developers send thru the code like that:

dataLayer.push({
    event: 'CA:some-event',
    a: 1, // custom param
    b: 2  // custom param
})

I defined a Trigger in GTM to catch all events that start with "CA:*" (as regex) and then i defined a new Tag: "Google Analytics: GA4 Event" to be invoked when the trigger fired and send the event to GA4.

I'm getting the events successfully to my GA4 account but the problem is that all params, a and b in my example, are not sent as they are not mapped to be sent from GTM layer within the GA event.

I can define Variables in GTM specifically for them but it's not dynamic and it means that every time a developer needs to send a new custom event he'll need to go to the GTM account (and usually they don't have access to it), add the variables and it makes the whole solution semi-automatic and not dynamic enough.

I hope it's clear.

Any suggestions here?

Shlomi · Accepted Answer · 2023-02-11 20:53:31Z

2

i ended with the following solution:

I changed the way I'm sending the event to be:

dataLayer.push({
    event: 'CA:some-event',
    data: {
        a: 1, // custom param
        b: 2  // custom param
    }
})

set a variable in GTM called "Custom Event Data" based on the data property of the event
set the GA4 event tag to send it to GA4
set a new Custom Dimension in GA4 called "Custom Event Data" based on the data property

The limitation is that I cannot use a and b directly in GA4 as a native fields but at least I can see the variation of them in the GA4 reports

answered Feb 11, 2023 at 20:53

Shlomi

3,8325 gold badges27 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Matt Browne Over a year ago

I'm still testing this, but FYI for others... I wasn't sure what type of variable to use, but it seems that "Data Layer Variable" does the trick, and when editing the variable set the "Data Layer Variable Name" to "data" (or whatever you want—I made it customEventData to be more specific).

darrelltw · Accepted Answer · 2023-02-08 01:14:12Z

Unfortunately there is no easy way to manage GTM as the way you want. Hope they can allow us to use just JavaScript object to send as event parameter. (They only allow Ecommerce DataLayer at this time)

But looks like your developer can decide the event parameter themselves. So the option here is if they don't have access to GTM. They can just tell the one who is handling the GTM that their new implementation. So the GTM guy can modify based on it.

If your scenario is the changing is a lot and it really need to be automatic. Then GTM API might be the way. (But it also take some times for developer to integrate with it)

I used to manage more than 10+ properties and more than 30+ new events needs to add in a week.

So I choose Google Sheet(with Google App Script) to manage the GTM more easily.

The point here is there are still some ways to make it more automatic. Just need to leverage is it worth it do develop.

zrooda · Accepted Answer · 2024-10-01 21:48:11Z

0

GTM as of now has "Event Settings" variables where you can define multiple custom data properties and reuse them, somewhat alleviating the PITA of mapping custom properties for each individual tag.

https://support.google.com/tagmanager/answer/13438771?hl=en

answered Oct 1, 2024 at 21:48

zrooda

3,6981 gold badge33 silver badges41 bronze badges

Collectives™ on Stack Overflow

Google Tag Manager - dynamically send custom events with their params to Google analytics

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related