Google Tag Manager Guides
38 guides available
GTM Implementation Workflow
Interactive workflow — drag to pan, scroll to zoom
How to Implement Consent Mode v2 in GTM
Consent Mode v2 lets Google tags adjust behaviour based on user consent choices. Two new required parameters: ad_user_data and ad_personalization (in addition to existing analytics_storage and ad_storage). Implement via a Consent Management Platform (CMP) that supports Consent Mode (Cookiebot, OneTr
How to Create a Google Tag Manager Account and Container
Go to tagmanager.google.com, click Create Account, enter your account name (company name) and container name (website URL), select Web as the target platform, and agree to terms. You get two code snippets — add the first to your <head> and the second after the opening <body> tag. Your container ID (
How to Set Up E-Commerce Data Layer with GTM
The e-commerce data layer provides structured product and transaction data to GTM. Push events at each stage: view_item (product page), add_to_cart (cart button click), begin_checkout (checkout start), purchase (order confirmation). Each event includes an items array with item_id, item_name, price,
How to Set Up Google Ads Conversion Tracking via GTM
In GTM: create a Conversion Linker tag (trigger: All Pages), then create a Google Ads Conversion Tracking tag (enter Conversion ID and Label from Google Ads, set trigger to your conversion event — thank-you page, form submission, or purchase Data Layer event). For dynamic values, reference a Data La
How to Set Up Google Ads Enhanced Conversions via GTM
Enhanced conversions send hashed first-party data (email, phone, address) alongside conversion tags to improve attribution. In GTM: edit your Google Ads Conversion Tracking tag, enable 'Include user-provided data from your website,' choose data source (automatic detection, CSS selectors, Data Layer
How to Set Up Google Ads Remarketing Tag in GTM
The Google Ads remarketing tag builds audiences of your website visitors for retargeting campaigns. In GTM, create a 'Google Ads Remarketing' tag with your Conversion ID, set it to fire on All Pages, and publish. Google automatically creates remarketing lists based on visitor behaviour. You can also
GTM Data Layer: Complete Implementation Guide
The Data Layer is a JavaScript array (window.dataLayer) that passes structured data from your website to GTM. Push data using dataLayer.push({event: 'event_name', key: 'value'}). GTM reads this data via Data Layer Variables and uses it in tags and triggers. Common implementations: e-commerce transac
GTM Naming Conventions and Organisation Best Practices
Use consistent naming across all tags, triggers, and variables. Recommended format: [Platform] - [Type] - [Detail]. Examples: 'GA4 - Event - Form Submit,' 'Google Ads - Conversion - Purchase,' 'Meta - Base - Page View.' Use folders to group by platform (Google Analytics, Google Ads, Meta, TikTok) or
GTM Preview and Debug Mode: Complete Guide
Click Preview in GTM's top navigation, enter your website URL, and your site opens with a debug panel. The panel shows: Summary (which tags fired on each event), Tags (fired vs not fired with details), Data Layer (contents at each point), Variables (values at each event), and Errors. Test your compl
GTM Publishing and Version Control Guide
Every time you publish changes in GTM, a new version is created. Versions are numbered snapshots of all tags, triggers, and variables at that point. You can view any previous version, compare versions, and instantly roll back if something goes wrong. Always add version notes describing what changed.
Server-Side Tagging with GTM: Overview and Benefits
Server-side GTM moves tag execution from the user's browser to a server you control. Instead of the browser sending data to Google, Meta, and TikTok directly, it sends data to your server-side GTM container, which processes and forwards it to each platform. Benefits: improved page speed (fewer clien
GTM Tags, Triggers and Variables Explained
Tags are code snippets you want to run (GA4 tag, Google Ads conversion tag, Meta Pixel). Triggers tell GTM when to fire a tag (page view, click, form submission, scroll, custom event). Variables provide dynamic data for tags and triggers (page URL, click text, form ID, Data Layer values). Every GTM
GTM Trigger Types: Complete Reference Guide
GTM trigger types: Page View (fires on page load — options for DOM Ready and Window Loaded), Click (All Elements for any click, Just Links for link clicks only), Form Submission (fires when forms are submitted), Scroll Depth (fires at specified scroll percentages or pixel depths), Element Visibility
GTM Variable Types: Complete Reference Guide
Built-in variables (enable in Variables > Configure): Page URL, Page Hostname, Page Path, Referrer, Click Element, Click Text, Click URL, Form ID, Scroll Depth. User-defined variables: Data Layer Variable (reads values from the dataLayer object), 1st Party Cookie (reads cookie values), Custom JavaSc
GTM Version Control: Publishing, Rollback, and Workspace Management
Every GTM publish creates a numbered version — a snapshot of all tags, triggers, and variables. Always add version notes describing changes. To rollback: go to Versions, find the working version, click '...' > Publish. The previous version goes live immediately. Use Workspaces when multiple people m
GTM Workspaces: Multi-User Collaboration Guide
Workspaces in GTM let multiple people work on changes simultaneously without interfering with each other. Each workspace is an independent copy of the container that can be edited and previewed separately. When ready, merge workspace changes into the default workspace and publish. Free GTM allows 3
How to Install GTM on Next.js and React Apps
For Next.js, use the `@next/third-parties` package or add GTM scripts to your root layout. For React SPAs, install via `react-gtm-module` or add scripts to your index.html. The key challenge with SPAs is that GTM's default Page View trigger only fires on the initial load. Use History Change triggers
How to Install GTM on Next.js and React Apps
For Next.js (App Router), use the @next/third-parties library: import GoogleTagManager from '@next/third-parties/google' and add <GoogleTagManager gtmId='GTM-XXXXXXX' /> to your root layout. For React SPAs, use a package like react-gtm-module or add the GTM snippets to your index.html. Critical for
How to Install GTM on Shopify
For Shopify, add the GTM head snippet to theme.liquid before </head> and the body snippet after <body>. For the checkout/thank-you page (Shopify Plus only), add snippets to checkout.liquid. For standard Shopify, use the Additional Scripts section under Settings > Checkout for purchase tracking. Alte
How to Install GTM on Webflow
In Webflow, go to Project Settings > Custom Code. Paste the GTM head snippet in the Head Code section and the body snippet in the Footer Code section (or opening body section if available). Publish your site for changes to take effect. Verify in GTM Preview Mode. Note: Webflow sites may require cust
How to Install Google Tag Manager on Your Website
GTM requires two code snippets on every page. Snippet 1 goes as high in the <head> as possible. Snippet 2 goes immediately after the opening <body> tag. This is a one-time developer task. For CMS platforms: Shopify (use theme.liquid or a GTM app), WordPress (use Insert Headers and Footers plugin or
How to Install GTM on Wix
In Wix, go to Marketing & SEO > Marketing Integrations > Google Tag Manager, or go to Settings > Tracking & Analytics > New Tool > Google Tag Manager. Enter your GTM container ID (GTM-XXXXXXX). Wix automatically adds both code snippets to your site. Publish your site for changes to take effect. Veri
How to Install GTM on WordPress
Three methods: Use the 'Insert Headers and Footers' plugin (paste head snippet in header, body snippet in body — simplest), use 'Google Site Kit' plugin (official Google plugin, connects GTM along with other Google services), or manually edit your theme's header.php file (add head snippet before </h
How to Install LinkedIn Insight Tag via GTM
The LinkedIn Insight Tag tracks LinkedIn ad conversions and builds audiences. In GTM, create a Custom HTML tag, paste the LinkedIn Insight Tag code (found in LinkedIn Campaign Manager > Account Assets > Insight Tag), set it to fire on All Pages, and publish.
How to Set Up Meta Pixel via GTM
In GTM, create a Custom HTML tag with the Meta Pixel base code (including your Pixel ID), trigger on All Pages. For events, create separate Custom HTML tags for each event (Lead, Purchase, AddToCart, ViewContent) with the fbq('track', 'EventName') code, triggered by appropriate GTM triggers. This ke
Server-Side GTM: Overview and Setup Guide
Server-side GTM moves tag processing from the user's browser to a server you control. This improves data accuracy (bypasses ad blockers and browser restrictions), reduces page load impact, and gives you more control over data before it reaches third-party platforms. Setup requires a Google Cloud pro
How to Set Up GA4 Through Google Tag Manager
In GTM, create a new tag with type 'Google Analytics: GA4 Configuration' (or 'Google Tag' in newer GTM). Enter your GA4 Measurement ID (G-XXXXXXXXXX). Set the trigger to 'All Pages.' This deploys the base GA4 tracking on every page. For custom events, create additional GA4 Event tags with specific e
How to Set Up Snapchat Pixel via GTM
In GTM, create a Custom HTML tag with the Snap Pixel base code (including your Pixel ID), trigger on All Pages. For events, create Custom HTML tags for each Snap event (PURCHASE, ADD_TO_CART, SIGN_UP, PAGE_VIEW) triggered by appropriate GTM triggers. Verify using the Snap Pixel Helper Chrome extensi
How to Set Up TikTok Pixel via GTM
In GTM, create a Custom HTML tag with the TikTok Pixel base code, trigger on All Pages. For events, create Custom HTML tags for each TikTok event (CompletePayment, SubmitForm, ViewContent, AddToCart) triggered by appropriate events. TikTok also offers a native GTM tag template — search 'TikTok' in t
How to Track Button Clicks with GTM
Enable Click Variables in GTM (Variables > Configure > enable Click Element, Click Classes, Click ID, Click URL, Click Text). Create a Click trigger: Trigger Type = 'All Elements' or 'Just Links,' filter by Click Text, Click ID, Click Classes, or CSS Selector to target your specific button. Create a
How to Track Custom Events via Data Layer in GTM
The Data Layer lets your website push custom events and data to GTM, enabling tracking of any user interaction. Your developer adds `dataLayer.push({'event': 'my_event', 'key': 'value'})` to the website code at the appropriate moment. In GTM, create a Custom Event trigger matching the event name, cr
How to Track Form Submissions with GTM
Three methods: GTM Form Submission trigger (enable Form Variables, create trigger with Form ID or Form Action filter — works for standard HTML forms), custom Data Layer event (your form handler pushes dataLayer.push({event: 'form_submit'}) on success — most reliable), or thank-you page trigger (fire
How to Track Outbound Link Clicks in GTM
Track when users click links to external websites using GTM. Enable the Click URL built-in variable, create a Click - Just Links trigger filtered to URLs that do not contain your domain, and create a GA4 Event tag. GA4 Enhanced Measurement also tracks outbound clicks automatically, but GTM gives you
How to Track Phone Number Clicks with GTM
Create a Click trigger: Trigger Type = 'Just Links,' filter where Click URL contains 'tel:'. Create a GA4 Event tag with event name 'phone_click' and parameters (phone_number from Click URL variable, page from Page Path variable). Also create platform-specific conversion tags (Google Ads, Meta, etc.
How to Track Scroll Depth with GTM
Enable the Scroll Depth built-in variable in GTM (Variables > Configure > Scroll Depth Threshold). Create a Scroll Depth trigger: choose Vertical Scroll Depths, select Percentages, and enter thresholds (25, 50, 75, 100). Create a GA4 Event tag with event name 'scroll_depth' and parameters including
How to Track WhatsApp Button Clicks with GTM
Create a Click trigger: Just Links, where Click URL contains 'wa.me' or 'api.whatsapp.com'. Create a GA4 Event tag with event name 'whatsapp_click' and relevant parameters. Also fire platform conversion tags (Google Ads, Meta, TikTok) if WhatsApp clicks are a conversion action. This is particularly
How to Track YouTube Video Views in GTM
Track embedded YouTube video engagement using GTM's built-in YouTube Video trigger. Enable YouTube Video variables in GTM, create a YouTube Video trigger for start, progress, and complete events, and create a GA4 Event tag. GA4 Enhanced Measurement also tracks video engagement automatically for embe
What Is Google Tag Manager? Complete Beginner Guide
Google Tag Manager (GTM) is a free tool that lets you add, edit, and manage tracking codes (called "tags") on your website without modifying the website's source code. Instead of asking a developer to add Google Analytics, Meta Pixel, TikTok Pixel, and every other tracking snippet directly to your H