In my last post, I showed you how to setup the new Google Analytics: App + Web Configuration tag. In this post, I’ll show you how to setup the next piece of the puzzle, the Google Analytics: App + Web Event tag. You’ll use this tag to setup all of your suggested and custom events that don’t come out of the box with Enhanced Measurement (more info on that here).

Step 1: Select “Google Analytics: App + Web Event” from the new tag configuration pane  

After you’ve successfully setup your “Google Analytics: App + Web Configuration” tag (see my last post for step by step directions), the next thing to do is to setup your first “Google Analytics: App + Web Event” tag. To do so, select “New Tag” and choose from a couple of new tag types you’ll now notice in the slide out window. In this case, we’ll select the “Google Analytics: App + Web Event” tag. 

Step 2: Configure the Google Analytics: App + Web Event tag

To start configuring an event tag for the new App + Web property, you should first have an idea of what you want to track. In my case, this tag is for my personal blog, and on my site, I have a newsletter signup box where you can subscribe to get notifications by email 1x/week if there are new posts. I’d like to set up a tag to track when someone has successfully submitted their email to subscribe (I’ve shown other fun stuff for this newsletter box before, such as tracking the element visibility of the newsletter subscribe box). 

Once I know what to track, I’ll start to configure the tag. The first thing the event tag will ask for is which configuration tag to reference. It will show all config tags you have made in the drop down, as well as give you an option to create a new one. 

In this case, I’ll chose to reference my “GA W+A Config” tag since that is the one I’d like to send event data to. I’ll then choose an event name. 

Choosing an event name and associated parameters is a whole topic in and of itself, and I’ll be writing a more detailed blog post on this later, but suffice it to say, it’s important to take note here. The first thing you should do is check if the event you want to track is called out as a suggested event in the GA help docs. If it is, use the nomenclature suggested. This is really important because just as in GA for Firebase, if you use suggested events, you will unlock specific reporting in the GA reporting UI for these suggested events. If instead you use a custom event, this reporting will not be available out of the box, and will instead require use of Big Query. So… use the suggested events, it will make your life (or that of your analyst) easier! 

In this case, there is a suggested event called ‘sign_up’ which will do for what I want to track here. I’ll input that as the event name, and then click on ‘Event Parameters’ to add more detail there. 

For parameters, I’d like to know what page someone was on when they subscribed, as this is important info I can use later on to optimize the user experience and try to encourage more signups. The suggested event didn’t have specifics about these parameters, so I’ll make my own here. I’ll use “subscribe_location” as my parameter with a value of the {{Page Path}} variable.

Step 3: Add your Trigger to fire the tag

In this case, I want my tag to fire when someone hits the ‘Subscribe!’ button and successfully subscribes to my newsletter. Based on previous work, I already have this trigger created as a custom event tracking ‘form-signup’, so it’s the one I’ll use.

Once I’m happy with the tag and trigger setup, I’ll hit save.

Step 4: Preview and debug the new tag

Now that I’ve got my new tag setup, I want to ensure it’s firing properly. To do that, I’ll go into preview mode in Google Tag Manager and flip over to my blog to test out the subscribe functionality. I’ve setup the trigger to only fire on successful submission, so I’ll have to actually submit an email to be added to the newsletter list here. In this case, I’ll just use ‘test@testing’com’

Once I click on the subscribe button, I’ll watch GTM debug mode to see if my tag fired properly. There it is!

Now I’ll click in to see if my parameter values are also being captured correctly:

Looks great! I can see the event name of ‘sign_up’ and event parameter of ‘subscribe_location’ with value of ‘/’ indicating the test was done on the homepage are there as expected. Looks like my new tag is good to go!

Step 5: Publish

Once I’m thoroughly satisfied that my new tag is functioning as intended, it’s time to sing like no one is listening (aka the GTM slogan that shows on screen while the tag is publishing 😉

That’s it! My first Google Analytics App + Web event tag has been launched.