Chan Kang | The Slashie

Blog Details

Google Tag Manager (GTM) Complete Guide 2026

google-tag-manager-gtm

What Is Google Tag Manager (GTM)?

Google Tag Manager (GTM) is a free tag management system that lets you install, store, and manage marketing and analytics tags without modifying your website’s code.

Marketing tags are small snippets of code used to track user behavior and collect data. These tags power tools like analytics platforms, advertising systems, and remarketing campaigns.

A common example is the Google tag, which is used to deploy:

Other examples of marketing tags include:

  • Meta Pixel (Facebook Pixel)

  • Remarketing and third-party tracking scripts

Benefits of GTM:

Traditionally, these tags must be placed directly into your website’s source code. Every time you need to add or modify a tag, a developer must update the site.

This creates several risks:

  • Code conflicts

  • Broken tracking

  • Accidentally removing important scripts

  • Slower deployment cycles

GTM eliminates these issues by allowing you to manage all your tags from a centralized interface. Instead of repeatedly editing website code, you install GTM once, and it handles the rest.

When needed, GTM dynamically injects the appropriate tracking codes into your website.

This means:

  • Faster implementation

  • Reduced dependency on developers

  • Lower risk of breaking your website

  • Safer testing and experimentation

In short, GTM gives marketers control over tracking — without compromising website stability.

What Can You Track with GTM?

One of GTM’s advantages is flexibility. You can track almost any user interaction or behavior on your website.

Common examples include:

Link clicks; Button clicks; Form submissions; Conversions; Shopping cart abandonment; Add to cart actions; Remove from cart actions; File downloads; Scroll depth tracking; Video views; Call-to-action (CTA) performance; Table of contents (TOC) clicks; Custom-defined events

In short, if a user interacts with it, GTM can likely track it.

Further Reading: 99 Things You Can Do with Google Tag Manager by Analytics Mania

How Does Google Tag Manager Work?

Google Tag Manager works by using a single container snippet installed on your website. Once added, this container acts as a central hub that loads and manages all your tracking tags. 

Inside GTM, you define tags (what to track), triggers (when to track), and variables (additional data to collect). 

When a user performs a specific action, such as clicking a button or submitting a form, GTM detects the trigger and fires the appropriate tag dynamically, without requiring any changes to your website’s source code.

Understanding these 5 GTM’s Key Components:

Understanding GTM’s Key Components:

Tags

Tags are snippets of code used by analytics, marketing, and support platforms to integrate with your website or app.

Think of tags as observers placed on your website. They monitor user interactions — such as page views, clicks, or form submissions — and send this data to external tools for analysis and optimization.

For example, a tag can send user behavior data to Google Analytics so you can measure traffic and engagement.

Examples of Common GTM Tags:

Below are popular tools and platforms frequently deployed using GTM:

  • Google Analytics

  • Google Ads

  • Bing Ads

  • Crazy Egg

  • Hotjar

  • Pinterest Tag

  • LinkedIn Insight Tag

  • Twitter Universal Website Tag

  • Facebook / Meta Pixel

  • HubSpot

  • Salesforce

  • Custom event tracking.

Triggers

Triggers define when a tag should fire. If tags are the actions, triggers are the conditions that activate them.

Common trigger examples include:

  • Page views

  • Link clicks

  • Button clicks

  • Form submissions

For example, when a user loads a page, a page view trigger can fire a Google Analytics tag to record the visit.

However, not all tags should fire on every page.

You may want a conversion tracking tag to fire only when:

  • A user adds an item to their cart

  • A user completes checkout

Each tag must have at least one trigger. Without a trigger, GTM does nothing.

You can also:

  • Add conditions (using variables) to make triggers more specific

  • Assign multiple triggers to a single tag

In short, triggers control when tracking happens.

Variables

Variables provide additional information that tags and triggers use to work properly. 

If:

  • Tags are what GTM does

  • Triggers are when GTM does it

  • Variables are the details that explain what happened

Variables store values such as:

  • Page URL

  • Page title

  • Click text

  • Click URL

  • Form ID

  • Product name

  • Transaction value

For example, when someone clicks a button, a variable can capture:

  • Which button was clicked

  • The text on the button

  • The URL it links to

This allows GTM to fire tags more precisely and send richer data to tools like Google AnalyticsYou can also use variables to create more specific triggers.

For instance, instead of tracking all button clicks, you can track only clicks on a button with the text “Buy Now”.

In short, variables add context and precision to your tracking.

Data Layer

The Data Layer is a structured data object that stores information about what happens on your website.

Think of it as a bridge between your website and GTM.

Instead of GTM trying to “guess” what users are doing by scanning the page, the Data Layer clearly tells GTM what happened.

For example, when a user:

  • Adds a product to cart

  • Completes a purchase

  • Submits a form

  • Logs in

Your website can push structured data into the Data Layer, such as:

  • Product name

  • Transaction ID

  • Purchase value

  • User ID

GTM then reads this information and uses it to fire tags or send detailed data to tools like Google Analytics.

This makes tracking more accurate, reliable, easier to scale, and essential for e-commerce tracking

Container

A container is the main workspace that holds all your tags, triggers, and variables.

When you create a GTM account, you create a container for your website (or app). GTM then provides a small container snippet that you install on your site.

Once installed, that single container manages:

  • All tracking tags

  • All triggers

  • All variables

  • Data Layer interactions

Instead of adding multiple tracking scripts directly into your website’s code, you only install the GTM container once.

From then on, you manage everything inside GTM’s interface.

Each website or app typically has its own container, and most businesses use one container per website.

In short, the container is the foundation of GTM — it stores and deploys everything.

Types of GTM Containers

Google Tag Manager supports different container types depending on the platform:

  • Web Container – Used for standard websites (most common).

  • iOS Container – Used for iOS mobile applications.

  • Android Container – Used for Android mobile applications.

  • AMP Container – Used for Accelerated Mobile Pages built with AMP.

Each container type is designed to work specifically with its platform, ensuring proper tracking implementation and performance.

How these 5 components work together?
(Tags + Triggers + Variables + Data Layer + Container)

In Google Tag Manager, everything works inside a container, which holds your tags, triggers, and variables. 

When a user interacts with your website, the Data Layer provides structured information about what happened. 

A trigger checks whether the defined condition is met (for example, a button click), and if it is, the corresponding tag fires. 

Variables supply additional details — such as page URL, product name, or transaction value — to make the tracking more accurate. 

Together, these components allow GTM to track user behavior precisely without requiring direct changes to your website’s code.

Setting up GTM

How to Set Up Google Tag Manager

Setting up Google Tag Manager is simple. After creating your GTM account and container, Google will generate a container snippet that must be installed on your website.

There are three common installation methods:

  1. DIY (Manual Installation)
    Copy and paste the GTM code into your website’s <head> and <body> sections.

  2. Plugin or CMS Extension
    If you use WordPress or another CMS, you can install GTM using a plugin or built-in integration.

  3. Ask a Developer
    Send the GTM container code to your website developer and have them install it properly.

Once installed, you can manage all tracking directly inside GTM — without editing your website code again.

GA4 vs GTM (What’s the Difference?)

Google Tag Manager (GTM) and Google Analytics (GA4) serve different purposes — but they work together seamlessly.

Google Tag Manager is a tag management system. It stores and manages marketing tags and third-party tracking scripts.

GTM does not provide analytics reports.

Google Analytics (GA4), on the other hand, is an analytics platform. It collects data, measures conversions, and generates reports.

How GA4 & GTM Work Together?

You can use GTM to install and deploy Google Analytics on your website.

Once connected:

  • GTM handles the tracking setup

  • GA4 processes the data and generates reports

Using both together allows you to track more advanced behaviors beyond GA4’s default setup.

Basic Tracking (Available by Default in GA4):

  • Page views

  • Scroll tracking

  • Outbound clicks

  • Site search

  • Video engagement

  • File downloads

  • Form interactions

Advanced Tracking (Using GTM)

  • Specific button clicks

  • Submissions from a specific form

  • Custom conversion events

  • Enhanced eCommerce tracking

Together, they give you complete tracking flexibility.

Pro Tips:

To prevent duplicate tracking or double hits, make sure you install Google Tag Manager properly and remove any existing hardcoded Google Analytics tracking code from your website. Running both simultaneously can cause inflated data and inaccurate reporting.

What Are Some Useful GTM Browser Extensions?

Browser extensions can help you debug and validate your Google Tag Manager setup. They show which tags are firing (or not firing), highlight implementation issues, and provide insights into triggers, variables, and Data Layer activity.

Popular GTM-related browser extensions include:

  • Tag Assistant

  • Dataslayer

  • DataLayer Inspector+

  • Analytics Debugger

These tools make troubleshooting faster and help ensure your tracking is working correctly.

FAQs

What Is Duplicate Tracking (Double Hits)?

Duplicate tracking, or double hits, happens when the same tracking event is sent to Google Analytics more than once. This usually occurs when tracking is installed both directly on the website and again through Google Tag Manager

As a result, your reports may show inflated page views, conversions, or revenue data.

What’s the difference between Measurement ID and GTM Container ID?

The Measurement ID is used by Google Analytics (GA4) to identify where your tracking data should be sent. 

The GTM Container ID (e.g., GTM-XXXXXX) belongs to Google Tag Manager and determines which container loads your tags on a website. 

In simple terms, GTM controls how data is collected, while the Measurement ID tells GA4 where to receive it.

What Is Conversion Linker?

The Conversion Linker is a tag in GTM that helps accurately track conversions for platforms like Google Ads

It stores click information (such as ad click IDs) in first-party cookies so conversions can be properly attributed. Without it, conversion tracking may be inaccurate or lost.

What Is a DOM Element Variable?

A DOM Element variable in GTM extracts information directly from your website’s HTML structure (the Document Object Model). 

It allows you to capture specific values — such as text, attributes, or form fields — from elements on a page. This is useful when the data you need is visible on the page but not available in the Data Layer.

What Is gtag.js?

gtag.js (Global Site Tag) is a JavaScript tracking library used by Google Analytics and Google Ads to send event and conversion data directly to Google. It allows you to implement tracking without using Google Tag Manager.

The Global Site Tag is the installation snippet of gtag.js that you place in your website’s <head> section. It acts as the base tracking code that loads Google’s tracking features across your site.

What Is Hotjar?

Hotjar is a behavior analytics tool that shows how users interact with your website through heatmaps, session recordings, and feedback polls. It helps you understand user experience beyond traditional analytics data.

What Is Meta (Facebook) Pixel?

The Meta Pixel is a tracking code from Facebook that records user actions on your website, such as purchases or form submissions. It helps measure ad performance, optimize campaigns, and build remarketing audiences.

What Is Meta (Facebook) Pixel?

The Meta Pixel is a tracking code from Facebook that records user actions on your website, such as purchases or form submissions. It helps measure ad performance, optimize campaigns, and build remarketing audiences.

What Is LinkedIn Insight Tag?

The LinkedIn Insight Tag is a tracking script from LinkedIn that tracks website conversions and visitor behavior. It allows advertisers to measure campaign performance and create retargeting audiences.

Why Install These Tags Using GTM?

Installing Meta Pixel, LinkedIn Insight Tag, or Hotjar through Google Tag Manager makes implementation faster and safer. Instead of editing your website’s code multiple times, you can manage, update, or remove all tracking scripts directly inside GTM. This reduces technical errors, improves flexibility, and keeps your tracking organized in one place.

Meta Pixel vs LinkedIn Insight Tag vs Google Tag

The Meta Pixel (from Facebook) tracks user actions on your website to measure ad performance, optimize campaigns, and build remarketing audiences within Meta’s ecosystem.

The LinkedIn Insight Tag (from LinkedIn) performs a similar function but is designed for LinkedIn Ads, helping track conversions and create professional audience segments.

The Google tag (gtag.js) is Google’s base tracking script used by Google Analytics and Google Ads to collect analytics and conversion data.

In short:

  • Meta Pixel → Tracks for Meta Ads

  • LinkedIn Insight Tag → Tracks for LinkedIn Ads

  • Google tag → Tracks for Google Analytics & Google Ads

All three can be managed centrally using Google Tag Manager.

Discover more from Chan Kang | The Slashie

Subscribe now to keep reading and get access to the full archive.

Continue reading