• How to build great web applications?

• How to track user behaviors?

• How to achieve owner's goals?

Welcome to

Google Tag Manger

What is

Google Tag Manager?

• Is a tag management system that allows you to quickly and easily update tags and code snippets on your website or mobile app, such as those intended for traffic analysis and marketing optimization.
• Can add and update AdWords, Google Analytics, Firebase Analytics, Floodlight, and 3rd party or custom tags from the Tag Manager user interface instead of editing site code.
• This reduces errors and frees you from having to involve a developer when configuring tags.

Why?

• Measure traffic
• Optimize online marketing
• Add and update tags: conversion tracking, site analytics, remarketing and more
• Pre-defined tags with a few clicks, custom tags with easy coding setup
• All-in-one tag manager, deploy tags quickly

How it works?

• Tag Manager for web works via its own container tag that you place on all your website pages. For mobile, Tag Manager is deployed in conjunction with the Firebase SDK, with support for Android and iOS.
• The container replaces all other manually-coded tags on your site or app, including tags from AdWords, Google Analytics, Floodlight, and 3rd party tags. (See a list of supported tags.)
• Once the Tag Manager container tag has been added to your site or app, you update, add, and administer additional tags right from the Tag Manager web application.

Setup Container

• https://tagmanager.google.com/
• Setup Account
• Setup Container
• Install Google Tag Manager to app

Google's Tutorial

Setup Account

Setup Container

Install Google Tag Manager

Tags

• Definition
• Choose Product
• Choose a Tag Type
• Configure Tag
• Fire On

Definition

• A tag is a snippet of code, can serve a variety of uses, but most of the tags used in Google Tag Manager are designed to that sends information to a third party, such as Google.

• Triggers define when tags should fire.

Choose Product

Supported tags

Choose a Tag Type

Configure Tag

Fire On

Parcel Monitor example

Triggers

• Definition
• Choose Event
• Configure Trigger
• Fire On
• Custom Triggers

Definition

• Triggers attached to a tag govern when the tag is fired or not fired. A tag must have at least one trigger in order to fire.

• A trigger is composed of one event and one or more filters. Each filter takes the form:
  [Variable] [Operator] [Value]

Choose Event

Configure Trigger

Fire On

Parcel Monitor example

Custom Trigger

Parcel Monitor Example

Variables

• Definition
• Built-In Variables
• User-Defined Variables (e.g. Data Layer)

Definition

• Variables are name-value pairs for which the value is populated during runtime.
• In triggers, they are used to define filters that specify when a particular should be executed.
• In tags, variables are used to capture dynamic values.

Build-In Variables

Build-In Variables

User-Defined Variables

Variable Types

Data Layer Variable

• The value is set to value when the following code on your website is executed:

dataLayer.push({
  'Data Layer Name': 'value'
})

Parcel Monitor example

Preview & Publish

• Overview (Dashboard)
• Preview
• Publish
• Versions

Overview

Preview

Publish

Versions