Step by Step: Setting up an App + Web Config Tag in GTM

As a follow up to my first Step by Step post on App + Web, in this post, I’ll show you how to setup your first tag for App + Web to start collecting data via Google Tag Manager. My friend and GTM expert Simo Ahava has also posted about this in his A+W setup guide here, so be sure to check out that post as well. 

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

The first thing to do once you’ve opened Google Tag Manager is to 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 Configuration” tag. The “Google Analytics: App + Web Event” tag will come later when we’re ready to implement some suggested and custom events.

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

Once you select this tag, you’ll need to have your “Measurement ID” handy. This is essentially the same thing as “Tracking ID” in Universal Analytics. You can find this in the admin panel under the Property section → Data Streams (I’ve removed mine in the screenshot below, but the arrow points to where you’ll find it). Hit the little copy icon next to it to automatically copy it to your clipboard.

There is not much to configure to get your base tag firing. You’ll give the tag a name, enter the Measurement ID, select any fields to set, and add a Trigger.

Note that you can select a variable for the Measurement ID. In the future, I imagine there will be a flavor of the GA Settings variable available to choose here (but when I looked, it’s still setup for Tracking ID, so I’m not sure it works yet). Once that’s available, I’ll be sure to update and use the variable to help with future changes/streamline efforts.  

In this case, we’ll use the All Pages Trigger to ensure the configuration tag fires everywhere on this site. Once setup, it should look something like this:

Step 3: Preview the new tag

Next, I’ll save the tag, and go into Preview mode to see if it’s properly firing on my site:

There it is! GA W+A Config tag is there and successfully fired (note: I thought GA A+W looked weird, hence why I changed the ordering of the letters for this tag name).

Now that I’ve confirmed it successfully fired in GTM, let’s switch over to my GA App + Web property to check out Streamview (Realtime 2.0) to see it there. Looks good!

Step 4: Launch the new tag

Once I’m happy with the data I see in preview mode (both in the GTM debug pane and in Streamview, it’s time to publish the container.

That’s it! Now I’m collecting user / pageview data (note that even pageviews are considered events in this new model) in my new Google Analytics App + Web property. I’ll also be collecting the Enhanced Measurement event data (pageview, click, scroll, site search, and video views) since I switched on that collection (details in my previous post). This is a great start to get a baseline of traffic and behavioral data, but since everything I want to track is not fully covered in Enhanced Measurement, I will want to implement several suggested events & parameters. Stay tuned for my next post to see how I’ll implement those tags to start collecting even more data.

Leave a Reply

3 Comments

  1. Pingback: Digital Debrief – Step by Step: Setting up an App + Web Property

  2. Thanks for such a detailed post Krista ! Looking forward for more post to come!

  3. Hey Krista, I really like your complete training on App + Web. Is it possible to ask for the Beta version. Data Streams isn’t available yet.

Next ArticleStep by Step: Setting up an App + Web Event Tag in GTM