For the purpose of reporting ecommerce information to Google Analytics, the data layer tag will work hand in hand with a Google Analytics ecommerce tag. That’s why my philosophy is that digital marketers/analysts should know/understand what Data Layer is and how does it work. Check the response codes to see if there are any errors. Hey, your setup will work fine. My question is should I leave it like this or I'd rather create a new datalayer with all the variables I need to set, as I will have multiple other tags to incapsulate in GTM, and remove all the hardcoded tags I cureently have? Also, with it, you can push events to the Data Layer that can be later used as triggering conditions. Therefore, if you just tell a developer “add product information to the Data Layer”, there’s a high chance that a developer will have no clue what you’re talking about. Is it possible to do such a combination? Surveys 360. Hi Julius, great post on the data layer! Start record click to call data in minutes with this easy guide. 3. However, these data types can be customized to fit your needs or created. Just remember that a goal completion applies to the entire session. You’ve successfully implemented Google Analytics with Google Tag Manager. Step 8: Publish your Google Tag Manager container Click the red “publish” button in the top right-hand corner. Migrating to Google Tag Manager definitely has its advantages and I highly recommend that you do so. In further chapters of this blog post, we’ll take a closer look at what Data Layer in Google Tag Manager, how to configure it (if you need that), how to use in your tag management, etc.). 17 Ways To Fix It. Google Tag Manager Masterclass for Beginners. The entire concept of the event tracking in Google Tag Manager is based on the Data Layer. ), you don’t need to do anything additional on your website. }); many many thanks for swift reply. It’s perfectly fine to be confused at the beginning. Just use the existing one because the most important part (where you need to enter the Custom Dimension) is hiding within the GA Settings Variable. And since sites for enterprise-level businesses can easily use dozens of tags, GTM makes it e… ", However, previously, you have mentioned that dataLayer.push can be placed anywhere in the code (above and below Google Tag Manager container) and it will not break the event tracking within GTM. Then, we'll examine variables (aka macros). The Data layer is one of the key concepts in the world of Google Tag Manager. Evaluate what tag are being fired on the page and which ones are not fired. If you are in preview mode, then click ‘Refresh’ inside Google Tag Manager. This will make communication between you and devs much more fluent. I never use it. Reload your website and ensure the Google Tag Manager debug console loads at the bottom of the page. If for example, you want to track events when users successfully register on your website and then send such events to Google Analytics, here is one of the possible solutions. Before you start tracking virtual pageviews via Google Tag Manager (GTM), make sure that you have enabled all the ‘built-in variables‘ of type: Pages, Clicks and Forms.. By doing that these variables will be available to you when you create tags and triggers later on. Google Tag Manager is now sending over User-ID information to Google Analytics and you’ll have a whole new level of data about your users. Google Ads (including Google Ads Conversion Tracking and Remarketing) Floodlight; Google Analytics; Conversion Linker; With Consent Mode, these tags will automatically change behavior in accordance with the end user's consent and should therefore be assigned the "All pages" trigger. This data powers vendor solutions like Google Analytics and can be a point of departure for data-driven initiatives. Look at the status of the Google Tag Manager container. There are different ways in which we can configure an environment to be used with Google Tag Manager. Unlock insights from your data with engaging, customizable reports. At first, Google Tag Manager Data Layer might seem like one of those mysterious concepts that no one really understands (by saying “no one” I mean non-developers). If I make changes to tags in my container, what is the affect on users in a current session? To view purchase data in Google Tag Manager, you would use a data layer along with a specific order of data transmission based on the GTM Data Layer instructions. I already implemented the GTM container and the image tag, and created the google ads remarketing and conversion tags in it, without publishing. The console will also show you all the tags that are installed fired and not fired on particular pages. 4. 'ecomm_pagetype': 'product', Tag Manager 360 Enterprises who have multiple tagging projects at any given time, need large-scale tag implementations, or want more control over their account, may benefit from upgrading to Tag Manager 360. If you want to learn more about dataLayer.push, read this guide. That wraps up the basics of using Google Tag Manager for event tracking. It can enhance your goals, conversions, and reporting in ways you only wish you could have before. Would the next page load or screen refresh load them? Google Analytics can provide a lot of the important insights you’re looking for, but when used alone, it does have its limitations. The snippet could look like this: By default, Google Tag Manager does not recognize custom data in the Data Layer thus you cannot use it as variables. Google Ads conversion tag), the interaction first must be pushed to the Data Layer. There are many ways to affect the data that you collect and use in Google Analytics, and with recent improvements to Google Tag Manager, it’s even easier to have clean, readable data. window.dataLayer = window.dataLayer || []; Google Tag Manager uses these concepts to handle how tags are configured and fired: Tag: A tag is code that send data to a system such as Google Analytics. After that, you’ll need to wait a few hours for Google Analytics to gather your website’s data. This is the Data Layer code that must be added above the GTM container: If you’re not comfortable with touching the website’s code, a developer should do that (and in most cases, he/she will, in fact, have to do it. . Ensure you’re in preview mode inside Google Tag Manager. So is it okay to have If I place code in this order? I have a site using the GTM tracking code (and some custom dataLayer variables) but the dimensions in GA are always showing as blank/empty. Modify your Google Tag Manager tag “UA – Is Incognito Browser” to include a Custom Dimension and set its value equal to {{DLV – Is Incognito}}. Just beware that usually, this is the developer’s responsibility. The final step. Automate and integrate Tag Manager with your favorite Google apps — like Gmail, Calendar, Docs, … Data Layer declaration vs dataLayer.push. Creating a variable is seldom needed as Google Tag Manager has provided much of the required variables. First of all, the “registrationComplete” event must appear in the event stream (left side of the console). I will explain it in chapter #3.1. This recipe is for creating Universal Analytics Event Tags in Google Tag Manager when customers view a shopping cart page. Test variations of your sites and apps with advanced tools for enterprise marketers. //some data I want to provide on "pageview" trigger Only then Google Tag Manager can catch it and use it as a triggering condition. It just requires some time. Very good article, thank you. What we’ve got so far is: So what’s next? pricingPlan is a custom parameter that was defined by you (or your developer) so Google Analytics will not catch it by default. If you can still see data reporting in Google Analytics after you’ve removed the hardcoded tracking codes, then Google Tag Manager is working. … The best for newbies like me. #4. The Data Layer is Google Tag Manager’s central repository of structured data. You can also read about Google Tag Manager troubleshooting and best practices. Tag managers use a single JavaScript container tag to inject various different tags (e.g. If pricingPlan is undefined, you should double-check whether you have entered a correct Data Layer Variable name in GTM’s admin panel (by the way, it’s case-sensitive). In the Filter box, type GTM Is Google Tag Manager Preview Mode Not Working? Without it, event tracking would simply not work. Load the Google Data Layer Helper; Load the Tealium Data Layer Converter (flattener) Add a message listener to pass GTM events to utag.view and utag.link; In Google Tag Manager you will: Add the Universal Tag (utag.js) as a custom HTML tag; In EventStream you will: Add event attributes with names matching the converted variables from the dataLayer First of all, I just discovered your blog. Remember, GTM works best when deployed alongside the data layer (in fact, broken data layer = severely crippled GTM). Let’s pull out the gender from the contact form. Click it and check whether your GA Event tag is fired. Automate and integrate Tag Manager with your favorite Google apps — like Gmail, Calendar, Docs, … You need to create a custom dimension pricingPlan in order to inform Google Analytics about this new parameter. Step 1 − In Google Tag Manager Interface, go to Variables. After that, you’ll need to wait a few hours for Google Analytics to gather your website’s data. Click Save changes button at the bottom of the screen. I mean, should they use the, You have a newsletter signup form (which cannot be easily tracked with usual. If you don’t plan to use any custom data in your tag manager (e.g. This applies to both standard (e.g. Next navigate to your website. - URL of a website you're working one. I understand "Data Layer" script should be placed before GTM code. Set Up Your Tags, Triggers, and Variables. Considerations for using Google Tag Manager. Easy as that! Back to custom event tracking. First, you’ll have to create an account on the Google Tag Manager dashboard. I cannot explain a particular reason for such delay, but in the end, the data found its way to the reports. We are going to create a variable from GTM interface and see how it reflects in the Variables tab under Google Tag Manager. And great article as well! window.dataLayer.push({ To decide when to fire a tag (in the shape of triggers because you can use, All my Google Tag Manager Data Layer variables titles start with “dlv” (it’s easier to keep everything in order. So once you reach the point where a developer pushes the interaction data (together with the event key) to the Data Layer, the next step is to catch that .push and turn it into a triggering condition. When Debug mode is enabled, you should see an orange notification bar: Go to your website (or refresh a page if you’re already on it). It worked with DOM Ready. Look at the status of the Google Tag Manager container. In the Data Layer Variable Name field, enter the key exactly as it was written in the code, e.g. What is the Data Layer? Unless you employ the Data Layer Variable. Let’s send an event to Google Analytics every time a registrationComplete event is pushed to the Data Layer. Check its value. Now, navigate to the site where the Google Tag Manager container code is implemented, refresh the page and a debug console window will appear at the bottom of your browser, showing detailed information about your tags, including their firing status and what data is being processed.. Before you start tracking virtual pageviews via Google Tag Manager. Google Tag Manager is available only to stores on the Shopify Plus plan. Get lead scoring data right in Google Analytics with Google Tag Manager Ruth Burr Reedy, VP of strategy at UpBuild, on the benefits of setting up lead scoring in Google … We’ll use it later. You’ll become better with time. How Google Tag Manager Works. One of our sharpest web analysts, Andy Gibson, recently wrote a blog post about Google Tag Manager and Google Analytics Premium for Enterprises on a high level and the value behind these tools, especially when used together. With dataLayer variables, there’s an easy way to access nested values. Enable the Preview and Debug mode in your Google Tag Manager container, register on your website (just like a regular user would do that) and take a look at the debug console. Trigger management would be easier that way. Enter a name for your tag at the top of the screen where it says Untitled Tag. If you feel that this concept is difficult to master, you’re not alone. Enter in an account name and click continue. Required fields are marked *. Once you do that, the registrationComplete Data Layer event will appear in the preview mode. If you have yellow, grey or red, there are problems with your installation. You should see something like this. 2. There are templates for non Google services such as AdRoll Remarketing or Click Tale heatmapping. Your Google Analytics tag will execute on every page. Custom Dimension: User Scope For enabling enhanced ecommerce tracking, open your wordpress dashboard and navigate to Settings >> Google Tag Manager. Or maybe you could ask a developer to push that variable to the data layer sooner? Number 3 is the index of pricingPlan custom dimension. If you don’t have WP, ask a developer to add additional data points to the Data Layer. In your GTM panel, enter Preview and Debug mode (by clicking Preview button). Or does this suggest that for some reason it isn't working? This virtual layer uses a JavaScript object or another piece of code to collect and send various data points when a user meets the conditions you set. Tracking Virtual Pageviews with Google Tag Manager. 'ecomm_totalvalue': '415.83' Whenever a registration is completed, Google Tag Manager will take the value of the, Assign the trigger, the previously created Custom Event Trigger. Hi. Contact me on LinkedIn, How to Check Google Tag Manager is Working, Calculate Totals Month to Date & More in Power BI. You have just created a Google Tag Manager Custom Event Trigger. What is Google Tag Manager? a user ID, the information about the clicked element, purchase ID, page category, etc. Now that we know that our tag is being fired, let’s go ahead and make this tag save an event to Google Analytics. Create a dataLayer variable in Google Tag Manager, #4.2. How does Google tag manager Data Layer work? 'ecomm_prodid': '1.....8', Google Tag Manager Data Layer is a fundamental part of GTM. Say, you want to send a Google Analytics event when someone leaves a comment. After Installation, click the Tag Assistant icon in your browser. If you could have a mention in the article, it would be great. That wraps up the basics of using Google Tag Manager for event tracking. If you have a page view tag that loads on every page such as Google Tag Manager you will see this as a part of the tags that are fired on your pages. Granted they are static values, but you get the idea. To use certain pieces of data (in the shape of variables). Then, we'll examine variables (aka macros). window.dataLayer = window.dataLayer || []; If you are having major issues with your JavaScript, you can check the Google Developer Documentation for GTM or reinstall the container. Usually, in the software world, the word Environment is used in the context of where the particular feature is being tested/reviewed. Then select the Google Analytics tag and click the Submit button. Check the website’s source code. Along with several other new marketing technologies, one that has seen a massive growth in last years is the Tag Management space. Keep this in mind. Regular visitors don’t see that because it is not something openly displayed. The key things here: Save the GA tag, refresh the preview and debug mode, go to your website (+ refresh it), and complete the registration once again. gtag('js', new Date()); gtag('config', 'AW-9.......6'); 3. How can you use that in the event tracking? It can be placed anywhere in the code (above and below Google Tag Manager container) and it will not break the event tracking within GTM. Google Tag Manager is available only to stores on the Shopify Plus plan. Updated: June 4th, 2020. user ID, product ID, etc. We have a basic understanding of the tag manager lingoes. A data layer is an JavaScript object that contains all of the data that you want to pass to Google Tag Manager from your web page. It might be a 3rd party plugin, some custom code created by your developer, even Google Tag Manager itself can push the information from the Data Layer. Here’s a look at an architecture diagram showing the Google Tag Manager Monitor Tool integrated with Google Analytics: The Secret Sauce. Using Google Tag Manager effectively. In both of them, my students and I dive deeper into the concept of Data Layer and we apply it in practice. You may need refresh the browser. From this, I was inspired to dive deeper to explain the value of Google Tag Manager for Google Analytics implementation. Let’s turn the “registration complete” GA event into a GA goal. function gtag(){dataLayer.push(arguments);} Click on the icon to further reveal what the problem is. 200 is an indication that the response is good. Is the dataLayer session-based? That’s it! Go back to your Google Tag Manager account. Click Pinterest Tag when it appears below. With every event, you also want to push the full name of the article’s author. That’s why we could update the code and add an additional piece of information, plan. If you want to use that custom data on "pageview" trigger, you would still need to place the snippet above gtm container. “One of my favorites is content grouping in Google Analytics combined with Google Tag Manager. ... See the the tag firing in the once the link is click. This console window will appear only on your computer as you preview the site, and is not visible to your … Before we end this section, here’s a Pro Tip … Google Tag Manager can only report the User-ID to Google Analytics if it knows the User-ID. We can send information into the Data Layer using a variety of different methods. Click Network I’ll show you how to create/implement a data layer. So if for example, you want to track purchase, one of the possible solutions could be to ask a developer to push the order information to the Data Layer once that order/purchase was successfully completed. 1.Open Google Tag Manager and click Preview in the top right corner. Let’s continue with our example of registration tracking. Technically speaking, a Google Tag Manager Data Layer is a JavaScript array that temporarily stores the information you need and then Google Tag Manager uses that data in tag/triggers/variables (later that data can be transferred to other tools, like Google Analytics). Google Tag Manager provides a variety of templates for adding tags to the container. However, if you indeed want to use some custom information, continue reading. So now, let us use the tag manager to track page views in Google Analytics and replace the code of Google Analytics with that of the tag manager. A Google Tag Manager debug console should appear at the bottom of the screen. This means that 5 registrations of the same user during the same session will be counted just as a single goal. It allows you to define content groups by Rules/Macros. It enables us to capture interactions (+ use them as triggers) and get some additional data about the interaction or the context (+ use it with the help of Data Layer Variables). Go to More Settings > Custom Dimensions and enter the Custom Dimension number you saw in the GA interface (see chapter #4.3) and then enter the Data Layer Variable you created in chapter #4.1. That bucket can contain little ping pong balls, every ball contains some information, e.g. Using Tag Assistant, you can make changes to your tags and … I have checked the GTM Debugger that all of the values are being passed to GA (with the correct dimension indexes) and I can see "activity" in GA (so the GTM > GA passthrough is clearly working). Visit your homepage (or any page on your website) Right-click … Here’s how GTM and Data Layer work in a nutshell: In many cases (at least from my experience), Data Layer is not commonly known among developers. Once a developer confirms that the above code is implemented, it’s time for you to check whether that’s true. Should I have to wait (24 hrs?) I saw that with Page view, the command is being ignored or undefined. Add your Google Analytics property ID or gaProperty variable. Easily access and use the Tag Manager API through Google Apps Script. Here are a few techniques that will help you to check the GTM container. Google Tag Assistant is a free Chrome extension that helps you make sure your Google tags such as Google Analytics, Google Tag Manager, Adwords Conversion Tracking, and more are working correctly. Before we end this section, here’s a Pro Tip … Google Tag Manager can only report the User-ID to Google Analytics if it knows the User-ID. As we discussed, event tracking can help you use a data-driven approach to optimize your PPC landing pages, e-commerce product pages, blog posts, lead generation campaigns, and affiliate marketing. After installing Google Tag Manager, you want to ensure it is completing the task that is designed to do which is fire tags. Data quality issues can plague a Google Analytics account, making analysis difficult, time-consuming, or at its worst, leading to incorrect conclusions. I suggest starting with a few events and then scale up. , 3)