• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Social Media Examiner

Your Guide to the Social Media Jungle

  • šŸ”„ Free Newsletter
  • ⭐ FREE Web3 Course
  • šŸ—“ļø Our Events
    • Social Media Marketing World (Mar 13-15)
    • Other Industry Events
  • šŸ’” Society
  • āš™ļø Tools
  • šŸŽ™ļø Podcasts
    • Social Media Marketing Podcast
    • Social Media Marketing Talk Show
    • Web3 Business Podcast
    • Our YouTube Channel
  • šŸŽÆ Partner With Us
    • Podcast Sponsorship
    • Email Sponsorship
      • Email Newsletter
      • Dedicated Email Blast
    • Event Sponsorship
      • Social Media Marketing World
    • Tools Sponsorship
  • šŸ‘‹ About Us
    • Our Story
    • Articles
      • Web3
      • Instagram Marketing
      • Facebook Marketing
      • YouTube Marketing
      • LinkedIn Marketing
      • TikTok Marketing
      • Expert Interviews
  • Search
  • Social Media Marketing World10th annual. Biggest industry event. Get the recordings!IMPROVE YOUR MARKETING

    Getting Started With Google Tag Manager: A Beginner’s Guide

    by Chris Mercer / November 17, 2020

    Trying to understand Google Tag Manager? Looking for an easier way to install code on your website?

    In this article, you'll discover the three parts of Google Tag Manager (tags, triggers, and variables) and learn how to use Google Tag Manager templates to easily add tracking for activities on your website and social media. You'll also discover how to set up pixel tracking for Facebook standard events.

    Getting Started With Google Tag Manager: A Beginner’s Guide by Chris Mercer on Social Media Examiner.

    To get started with Google Tag Manager, read the article below for an easy-to-follow walkthrough or watch this video:

    What Is Google Tag Manager?

    Before we get into how to use Google Tag Manager, let's talk about what a tag manager is. A tag manager helps you manage all of your measurements in one place. You can tell your tag manager that when somebody buys something, please tell Facebook, Google Analytics, Google Ads, LinkedIn, and wherever else you're advertising. This way, all of your platforms are coordinated and getting one source of truth from your tag manager.

    When tag managers first became available to most marketers, they were expensive paid tools. Not too long after, Google created Google Tag Manager, which is a free product that anybody can use to help improve the measurement of their marketing results.

    To use Google Tag Manager, go to tagmanager.google.com and create your account. Once your account is set up, you'll see this general overview screen:

    example google tag manager dashboard with menu options of tags, triggers, and variables highlighted

    #1: How Google Tag Manager Works: Tags, Triggers, and Variables

    It's easy to get confused by Google Tag Manager if you don't understand how the parts and pieces work together. So what are those parts and pieces? There's really just three: tags, triggers, and variables.

    Google Tag Manager Tags

    Let's start with tags, which tell Google Tag Manager what you want it to do.

    Below, you can see some example tags that have been set up. In this case, there's a tag that sends a page view to Facebook Analytics (FB – PageView), a tag that sends an event to Google Analytics (GA – Event – Click Report), a tag that tells Google Analytics that a page view has occurred (GA – Page View), and others.

    These are all of the things you're telling Tag Manager to do. You're instructing Google Tag Manager to tell these platforms that these actions have happened on your website.

    example google tag manager dashboard workspace with tags selected and several example tags shown with type and firing trigger noted for each

    Google Tag Manager Triggers

    Next up are triggers. When you set up triggers, you're saying when you want Google Tag Manager to do the things you're asking it to do.

    3 Days of World-Class Training—Zero Travel!

    Social Media Marketing World

    Travel to Social Media Marketing World off the table? Get all of the great content at a fraction of the price with an On-Demand ticket.

    That’s full access to recordings of every keynote, workshop, and session—the ones people travel thousands of miles to see. Don't wait. Get your On-Demand ticket and enjoy actionable content that you can watch anytime, anywhere.

    GET YOUR ON-DEMAND TICKET NOW

    For instance, with the All Links trigger below, you're telling Google Tag Manager that anytime someone clicks on a link, please do this thing. There's another one for a certain click link (Click – Simple Social). In this case, you're saying if someone clicks on this particular link, Google Tag Manager should do something.

    There's also a trigger for scroll. If you ever wanted to know how far people scroll down your page—10%, 25%, 50%, 75%, or 90% of the way—Tag Manager has you covered. There are also timers, visibility triggers where certain parts of the page come into view, and even triggers for YouTube videos.

    example google tag manager dashboard workspace with triggers selected and several example triggers shown with event type and any filter noted

    Google Tag Manager Variables

    Variables are the third piece of Google Tag Manager. This is information that Google Tag Manager will need to get the job done. To visualize this, maybe Tag Manager will need the page URL or a Google Analytics settings variable that identifies the account to send the details to.

    example google tag manager dashboard workspace with variables selected and several example variables shown with type noted for each

    #2: Set Up a Tag in Google Tag Manager

    Now that you're familiar with tags, triggers, and variables, let's look at a few of the earlier examples and explore how to set up a tag in Google Tag Manager.

    We'll start with the Google Analytics Page View tag (GA – Page View). When you click it, here's what it looks like:

    example google tag manager tag configuration called ga - page view with tag type set to google analytics: universal analytics, track type as page view, google analytics settings as {{gas - mm.io demo}}, with firing triggers set to all pages

    This tag is pretty simple. It's telling Tag Manager that when somebody lands on a page on your website (the All Pages trigger), tell Google Analytics (the tag type) that a page view has occurred (the track type). The variable that identifies the Google Analytics account number is {{GAS – MM.io Demo}}.

    You can do the same thing with the Facebook PageView pixel. Just grab your pixel code from Facebook and copy it into a tag. Notice the trigger is the same—All Pages. So whenever someone lands on a page on your website, Facebook and Google Analytics both know because Google Tag Manager told them. Both platforms get the same information at the same time so they're more likely to agree with one another.

    example google tag manager tag configuration called fb pageview with tag type set to custom html with some html code, with firing triggers set to all pages

    Next, we'll look at a Google Analytics event called a scroll report. The tag below is set up to tell Google Tag Manager to report when somebody scrolls down any page on your site. You can set up the trigger to say, “When someone scrolls 10%, 25%, 50%, 75%, or 90% of the way down one of my pages, please tell Google Analytics a few things about that scroll.” This trigger tells what page they're on and how far down they've scrolled.

    example google tag manager tag configuration called ga - event - scroll report with tag type set to google analytics: universal analytics, track type as event, category as scroll report, action as page - {{page url}}, label as {{scroll depth threshold}} {{scroll depth units}}, non-interaction hit as true, and google analytics settings as {{gas - mm.io demo}}, with firing triggers set to scroll depth

    Now that you understand some of the cool stuff that you can do with Google Tag Manager, let's look at the different types of tags that are available to you. Start by clicking New at the top right of your Tags list.

    example google tag manager dashboard workspace with tags selected and several example tags shown with new button highlighted on the top right

    On the next screen, click the Tag Configuration box at the top.

    new google tag manager tag with tag configuration box highlighted

    On the right side of the screen, you can see the different types of tags to choose from. If you're using Google Optimize or Google Ads, for instance, you'll see tags for those platforms.

    new google tag manager tag with choose tag type menu options with several featured, including google analytics: universal analytics, google analytics: app + web configuration, google ads remarketing, among others

    Tools Resource Guide

    Looking for something to make your life easier?

    Discover the tools we recommend to drive engagement, save you time, and boost sales across your entire marketing funnel or business.

    Whether you need help planning content, organizing social posts, or developing your strategy, you’ll find something for every situation.

    FIND YOUR NEXT FAVORITE TOOL

    Next, scroll down the list to explore the available third-party tags. Select one of these tags if you want Tag Manager to manage those measurements for you.

    Let's look at one in particular, Hotjar, to see how easy it is to set up.

    new google tag manager tag with choose tag type menu options with hotjar tracking code highlighted

    If you select Hotjar, Tag Manager asks for your Hotjar site ID, which you get from Hotjar.

    new google tag manager tag with new hotjar site id field highlighted, due to tag type selected of hotjar tracking code selected

    After you add your account number, you need to tell Tag Manager when to light up Hotjar. In this case, you want to do it on all pages. So click in the Triggering box and select All Pages.

    new google tag manager tag with choose a trigger menu options with several noted, including click - simple social, scroll - 10,25,50,75,90, time - 3 seconds - 3x, among others with all pages selected

    The tag you've just set up tells Hotjar that somebody is on your site and does it any time one of your pages is viewed. It's as simple as that.

    Now let's talk about some of the different triggers that are available. Select Triggers in the left navigation and then click on New on the right.

    example google tag manager dashboard workspace with triggers selected and several example triggers shown with new button highlighted on the top right

    On the next page, click in the Trigger Confirmation box to see the different types of triggers you can use.

    new google tag manager tag with choose a trigger type menu options, including page view, dom ready, all elements, form submission, and scroll depth, among others

    To illustrate, you can use triggers when pages load. Page View, DOM Ready, and Window Loaded are just different stages of the page loading up. There are also triggers for different clicks happening on the page (All Elements and Just Links).

    Tag Manager also has triggers for different forms of engagement (Element Visibility, Form Submission, Scroll Depth, and YouTube Video). So when a certain element on the page becomes visible—like maybe if visitors see the testimonial section for a few minutes—that might be something you want to measure. Or when people click on a form to become a lead, you might want to measure how far down they scroll.

    That's the sort of activity you can measure with Google Tag Manager and all of this is built into the platform.

    #3: Using Google Tag Manager Templates: Set Up Facebook Pixel Tracking

    There's a brand-new thing you should be taking advantage of in Google Tag Manager that will make your life a lot easier if you're using Facebook. It's a template for setting up pixel tracking for Facebook standard events.

    The way to think about templates in Tag Manager is that they're kind of like plugins for WordPress. If you've ever worked with WordPress, you know there are themes and plugins available that were created by other people. WordPress allows developers to make the platform better by creating new themes and plugins. That's similar to what Tag Manager has done as well. Third-party developers can create tags that anyone can use in Google Tag Manager.

    You'll need to go into an area of Google Tag Manager called Templates. Click Templates in the left navigation and then click Search Gallery in the Tag Templates box on the right.

    example google tag manager dashboard workspace with templates selected with the search gallery button highlighted on the top right

    You'll then see all of the available tag templates. These tags are different from what you've seen before in Google Tag Manager up until this point. The one that we're going to focus on is for the Facebook pixel, which replaces the need to use the full Facebook pixel script.

    google tag manager community template gallery import tag template menu with example templates of ematic pixel, exponea tag, facebook customer chat, among others with facebook pixel highlighted

    Select the Facebook Pixel tag template and then click Add to Workspace.

    facebook pixel template details page with description, what's new, and permissions with add to workspace button highlighted

    Once you've added the Facebook Pixel tag to your workspace, go back into Tags. Click into the Tag Configuration box and then on the right side of the screen, scroll down to where it says Custom. You'll find the Facebook Pixel tag there.

    example google tag manager new tag with the choose tag type menu and the facebook pixel option highlighted under the custom section

    Once you click on it, you'll see it doesn't require you to paste in the script. All you need to do is put in your pixel ID and select a standard event. Let's go with the standard PageView pixel for now.

    example google tag manager new tag configuration with tag type set to facebook pixel, and the facebook pixel id field highlighted, along with event name selected as standard and set to pageview

    You also need to decide when to do that. In this case, you want to do it every time somebody lands on one of your pages so click in the Triggering box and select All Pages as the trigger.

    google tag manager new tag with choose a trigger menu options with all pages selected and highlighted

    Now click Save and enter a name for this tag. Let's call it FB – Page View Using Template. When you're done, click Save.

    new google tag manager new tag with rename tag menu options with the new tag name entered as 'fb - page view using template'

    Now that you've set up this new Facebook pixel, you'll also want to test it. You can do that by previewing it to make sure it's going to work the way you expect.

    When you've confirmed it's working, click Submit to publish the changes. At that point, it will be live.

    example google tag manager dashboard workspace with tags selected and several example tags shown with preview and submit buttons highlighted on the top right

    Conclusion

    With Google Tag Manager, don't overcomplicate things; it's just three parts. First is the tag, where you're telling Tag Manager, “Here's what I want you to do.” Second is the trigger—”Here's when I want you to do it.” And the third part is the variable—”Here's some information you'll need to get that job done.” And that's really it for structuring Google Tag Manager.

    What do you think? Are you inspired to use Google Tag Manager to add tracking for activities on your website and social media? Share your thoughts in the comments below.

    More articles on social media analytics:

    • Find a step-by-step tutorial to build and save valuable Google Analytics custom reports.
    • Discover five Facebook Analytics reports to help you make data-backed business decisions.
    • Learn how to analyze your YouTube channel performance in Google Analytics.

    Get Your FREE Course: Web3 for Beginners

    Web 3 for Beginners

    Curious about Web3, but don't know where to start or who to trust?

    Introducing Web3 for Beginners, a course taught by Michael Stelzner, the founder of Social Media Examiner.

    Learn the basics of Web3 and apply it to your business with this FREE comprehensive course.


    CLICK HERE TO GET FREE ACCESS

    Tags: Facebook Analytics, Google Analytics, Google Tag Manager

    About the authorChris Mercer

    Mercer and his team have been teaching marketers, marketing teams, and agencies how to use the power of measurement to improve their marketing results. Visit MeasurementMarketing.io to learn more.
    Other posts by Chris Mercer Ā»

    Get Social Media Examiner’s Future Articles in Your Inbox!

    Get our latest articles delivered to your email inbox and get the FREE Social Media Marketing Industry Report (39 pages, 50+ charts)!

    Industry Report Cover

    Worth Exploring:

    Facebook

    Marketing Help Explore More →

    Instagram

    Marketing Help Explore More →

    YouTube

    Marketing Help Explore More →

    Linkedin

    Marketing Help Explore More →

    Web3

    Marketing Help Explore More →

    Social Media Marketing Industry Report

    Get Free Report →

    Social Marketing Trends

    The data you've been missing!

    Need a new plan? Discover how marketers plan to change their social activities in the 14th annual Social Media Marketing Industry Report. It reveals what marketers have planned for their social activities, content marketing, and more! Get this free report now and never miss another great article from us. Join more than 400,000 marketers!

    Enter your email to get
    our free report:


    Footer

    Your Guide to the Social Media Jungle
    Copyright © 2023 Social Media ExaminerĀ®
    All Rights Reserved. Terms of Use | Privacy Policy.

    Helpful Links

    • About us
    • Our content via email
    • Our podcasts
    • Our YouTube channel
    • Our live show
    • Our industry report
    • Sponsorship opportunities
    • RSS
    • Accessibility