Existing Google Analytics events and Google Tag Manager

Question

I have implemented Google Analytics (GA) on my site and I send several custom events through ga("send", "event", ...); function and it works well.

I am experimenting with Google Tag Manager (GTM). I have removed original GA snippet, and now I use GTM to inject GA tag on my site and pageviews are tracked correctly. What does not work well are my custom events sent by ga() function.

I have noticed that GA create has tracker name variable like

ga("create", "UA-12345678-1", {name: "gtm0123456789", allowLinker: false});

and Google Analytics Debugger extension for Google Chrome reports Command ignored. Unknown target: undefined.

I found out that send event call should include tracker name so it should look like ga("gtm0123456789.send", "event", ...);, but I don't want to change all my existing GA send event calls.

I quickfixed it by setting tracker name to empty string in GTM settings (Edit Tag -> More Settings -> Advanced Configuration -> ☑ Tracker Name, leaving the textbox blank) and now it works, but I do not think it is such great solution.

Is there any other options to have my existing GA send event calls and using also event tracking through GTM?

Solution 1

There is a way - you can rename the ga function in the tag manager (advanced configuration, global function name), e.g. to "real_ga" . Then you create a custom ga function in your own page that takes the parameters from your event tracking calls and passes them to the real_ga-function (so you need to change the tracker name only in one place), or better pushes them to the dataLayer (and then you can use the dataLayer values for event tracking in GTM).

But why would you want to do that ? You do not actually have a problem, your simply feel bad about your workaround. The proper answer to this is, as long as it works don't feel bad.

Solution 2

I had the similar configuration (Universal Analytics tag in Google Tag Manager) and I wanted to fire events from button on click.

I used petriq's comments to solve my problem and therefore want to add my notes.

Universal Analytics default event code is in this format:

ga("send", "event", ...);

You can fire Universal Analytics events from your code with the tracker name:

ga("gtmXXXXXXXXXX.send", "event", ...);

However the tracker name changes in every gtm load so I changed the code like this:

var trackerName = ga.getAll()[0].get('name');
ga(trackerName + '.send', 'event', { eventCategory: 'category1', eventAction: 'action1', eventValue: 0 });

Solution 3

http://www.lunametrics.com/blog/2015/01/21/gtm-existing-tracking/

In your GTM pageview tag, navigate to More Settings > Advanced Configuration. Check the “Tracker Name” checkbox, but leave the field blank.

Comments

[Dev]

Please put some explanation to understand your answer

[ml242]

This is a great solution especially for the following scenario: You had a working GA account that was updated to use Google Tag Manager, especially in a single page app where it is difficult to attach id's to things other than buttons and links.

[ajayv]

how will you ensure that 0th index tracker has 'name' field set. What if, its not then it will give an error.

[Mert Can Ilis]

@ajayv ga contains at least one tracker

[ajayv]

i agree... here getAll() will return the array of tracker.. now you're finding the name field of first tracker.. what if this tracker has no name set..

[ajayv]

Also getAll() will process complete DOM to collect all tracker.. this might be not good way to send tracker.. so what i did was to send it through dataLayer to GTM.

[User]

What is Normal Universal Analytics vs Universal Analytics?

[Mert Can Ilis]

@User It was a typo, I've changed it to "default".