google tag manager tutorial 2017

17
Google TAG Manager Tutorial

Upload: digital-atrium

Post on 22-Jan-2017

57 views

Category:

Internet


1 download

TRANSCRIPT

Page 1: Google tag manager tutorial 2017

Google TAG Manager Tutorial

Page 2: Google tag manager tutorial 2017

How Can we Track Digital Downloads

Tracking website resource downloads (i.e. tracking PDF downloads, white paper downloads, media downloads, statistical reports) allows the Google Analytic Administrator to track the frequency and capacity at which users are downloading documents/files off your site.

Google Tag Manager

Google Tag Manager (GTM) is a free solution, introduced in October 2012.GTM is for managing Google Analytic, advertising and other tracking tags across your website or multiple websites.

Page 3: Google tag manager tutorial 2017

Tag manager

Since we’re using Google Analytics as the tracking platform, we’ll need the following ingredients to make this setup work:

Auto-Event Variable for click URL path – to capture the URL path of the clicked link

Event Tag – which fires when a downloadable file link is clicked, and sends the Event to Google Analytics

Event Trigger – which uses the Link Click trigger type and checks if URL path contains any of the extensions you want to track

Page 4: Google tag manager tutorial 2017

To start Auto-Event Variable, and follow these steps:

Create new Variable of type Auto-Event VariableName it Click URL PathChoose Element URL as the Variable typeChoose Path as the Component Type

Auto event tracking “Triggers”

• clicks• link clicks• form submission• history• error

Page 5: Google tag manager tutorial 2017

Google Tag manager Account Creation

Page 6: Google tag manager tutorial 2017
Page 7: Google tag manager tutorial 2017
Page 8: Google tag manager tutorial 2017

Google Tag manager Dashboard

Page 9: Google tag manager tutorial 2017

Steps to create Event tag:

Page 10: Google tag manager tutorial 2017

Steps to create Event tag:

Page 11: Google tag manager tutorial 2017

Steps To intergrade GTM with Website

To intergrade Tag manager with websiteCopy the code generated while creating Account on tag manager.Paste those codes on website as high in those two <Head> and <Body> tags.Cross check is that code placed in website.

Page 12: Google tag manager tutorial 2017

Another way to intergrade Tag Manager with Website

The Google Tag Manager plugin adds a field to the existing General Settings page for the ID and outputs.This plugin makes it even easier to use Google Tag Manager, adding all the code itself all you need to do is provide the Account ID

How to install

Upload google-tag-manager.php to the /wp-content/plugins/ directoryActivate the plugin through the 'Plugins' menu in WordPressGo to Settings > General and set the ID from your Google Tag Manager account.

Page 13: Google tag manager tutorial 2017

Steps to create Event Trigger

• Create a new Trigger, and choose Click as the Event Type• Name it Event – Link Click on downloadable• Choose Link Click as the Trigger Type• Select Wait for Tags and Check Validation if you wish• If you selected either Wait for Tags or Check Validation, choose Page URL

matches RegEx .* as a filter in the “Enable When” step of the Link Click Trigger creation

• For “Fire On”, add the following condition: Click URL Path matches RegEx\.(ext1|ext2|ext3)$

Page 14: Google tag manager tutorial 2017

It should look like this:

Page 15: Google tag manager tutorial 2017

• For example, if I want to track all PDF, XLSX, PNG, and DOCX downloads on my site, the regular expression would look like this:

• \.(pdf|xlsx|png|docx)$

• This would match any Click URL Path which ends in .pdf, .xlsx, .png, or .docx.

• If your site has file extensions in capital letters (PNG, XLSX), you’ll need to change the operator from matches RegEx to matches RegEx (ignore case).

Important Notes:

Page 16: Google tag manager tutorial 2017

Google analytics Event tracking

Page 17: Google tag manager tutorial 2017