Level up your Google Analytics with Google Tag

Google Tag Manager (GTM) is a web service that manages scripts.

All scripts are managed in the GTM interface (tagmanager. google. com)

You need both… + Holds and reports website use data. Collects website use data

x GA Tracking Code <script> (function(i, s, o, g, r, a, m){i['Google. Analytics. Object']=r;

Replace old GA code with GTM container <!-- Google Tag Manager --> <script>(function(w, d,

Why use GTM? • Easier to enhance the GA data collection process • Great

Tag • Script. Trigger Variable • Tells script when to fire. • Piece of

Universal Analytics Pageviews Tag’s Purpose: Syncs your Google Analytics tracking ID to every webpage

Testing Your Tags • Previewing your tags • Check Google Analytics’ Real-Time reports

Events What is it? event = user action Some examples: • Clicks on links

Track Events Why do this? • Finally know what users are doing on your

Regular Google Analytics Method Add the event tracking script to each event you want

Event Info: Data about the event category action label The type of event. Great

<a href= “www. isiknowledge. com” onclick=“_gaq. push([ ‘_track. Event’, ‘outbound link’, ‘click’, ‘social sciences

Outbound Link Event Tag’s Purpose: Tracks all outbound links on a website. To do

When you intentionally track website use data, you are more likely to actually use

Develop an Analytics Strategy The steps: 1. Identify the purpose of the website. 2.

What is the purpose of the library catalog? Find something

What information can determine if users found something in the library catalog?

Step 4. Configure Google Analytics to track that data. Successful Search Failed Search •

GTM Event Tracking Process • What action do you want to track? • How

Hold Event Tag’s Purpose: Tracks when a user clicks the hold button in the

Failed Search Event Tag’s Purpose: Tracks when a user clicks the hold button in

No Search Results Variable This variable identifies the selector for GTM to look for.

GTM Data Layer = a Java. Script array to store information and send that

Create a “Listening Tag” Select Custom HTML tag type. Add a script that pushes

Create a No Results Trigger This Custom Event trigger will fire whenever the event

Create the No Search Results Event Tag Select Universal Analytics tag type. Select Event

Wait…you want to know what the user searched for? “Cat At Work Industry News

Google Analytics Custom Dimension A custom dimension is any custom data point you want

Configuring Custom Dimensions Why do this? • Track any data point on your website

Create the Custom Dimension This creates a holding space for the data in Google

User-defined variable I used the URL user-defined variable that looks at the page url.

Add Custom Dimension info to tag Sync that user-defined variable to the custom dimension

All websites are different… …so track them differently.

Transitioning to GTM Run both Google Analytics and GTM at the same time BUT

Additional Resources • Farney, Tabatha. 2018. Using Digital Analytics for Smart Assessment. ALA Editions,

Slides: 50

Download presentation

Level up your Google Analytics with Google Tag Manager Tabatha Farney | University of Colorado Springs | tfarney@uccs. edu | @sharebrarian January 10, 2018

Poll Time!

Google Tag Manager Overview

Google Tag Manager (GTM) is a web service that manages scripts.

All scripts are managed in the GTM interface (tagmanager. google. com)

You need both… + Holds and reports website use data. Collects website use data and sends it to Google Analytics.

x GA Tracking Code <script> (function(i, s, o, g, r, a, m){i['Google. Analytics. Object']=r; i[r]=i[r]||function(){ (i[r]. q=i[r]. q||[]). push(arguments)}, i[r]. l=1*new Date(); a=s. create. Element(o), m=s. get. Elements. By. Tag. Name(o)[0]; a. async=1; a. src=g; m. parent. Node. insert. Before(a, m) })(window, document, 'script', 'https: //www. google-analytics. com/analytics. js', 'ga'); ga('create', 'UA-1234567 -1', 'auto'); ga('send', 'pageview'); </script>

Replace old GA code with GTM container  <script>(function(w, d, s, l, i){w[l]=w[l]||[]; w[l]. push({'gtm. start': new Date(). get. Time(), event: 'gtm. js'}); var f=d. get. Elements. By. Tag. Name(s)[0], j=d. create. Element(s), dl=l!='data. Layer'? '&l='+l: ''; j. async=true; j. src= Head (<head>) section. 'https: //www. googletagmanager. com/gtm. js? id='+i+dl; f. parent. Node. insert. Before(j, f); })(window, document, 'script', 'data. Layer', ' GTM-ZTQHBF 8'); </script>   <noscript><iframe src="https: //www. googletagmanager. com/ns. html? id=GTM-ZTQHBF 8" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript>  Near the top of the body (<body>) section.

Why use GTM? • Easier to enhance the GA data collection process • Great test environment • No need to edit your website code • It can do more than just GA

Basic GTM Terms

Tag • Script. Trigger Variable • Tells script when to fire. • Piece of data.

Creating Your First Tag

Universal Analytics Pageviews Tag’s Purpose: Syncs your Google Analytics tracking ID to every webpage on your website. To do this, you need: • 1 tag (Universal Analytics tag) • 1 trigger (All Pages trigger) • 1 variable (Google Analytics setting variable)

Testing Your Tags • Previewing your tags • Check Google Analytics’ Real-Time reports

Event Tracking in GTM

Events What is it? event = user action Some examples: • Clicks on links • Form submissions • Video plays • File downloads • Pageviews longer than xx seconds • Clicks on anything!

Track Events Why do this? • Finally know what users are doing on your website • More accurate bounce rate How to do this? • Regular Google Analytics way • Google Tag Manager way

Regular Google Analytics Method Add the event tracking script to each event you want to track. _gaq. push([‘_track. Event’, ‘Event Category’, ‘Event Action’, ‘Event Label’]);

Event Info: Data about the event category action label The type of event. Great for organizing events! What the user did. Unique identifier for the event.

Outbound Link Example

<a href= “www. isiknowledge. com” onclick=“_gaq. push([ ‘_track. Event’, ‘outbound link’, ‘click’, ‘social sciences citation index’]); ”>Social Sciences Citation Index</a>

Outbound Link Event Tag’s Purpose: Tracks all outbound links on a website. To do this, you need: • 1 tag (Universal Analytics tag) • 1 trigger (custom Click trigger) • 2 variables (Google Analytics setting variable and Click URL variable)

Have a GTM Plan

When you intentionally track website use data, you are more likely to actually use that data to drive decisions. “Entre nos, ” by Andres Hoyos, flickr. com.

Develop an Analytics Strategy The steps: 1. Identify the purpose of the website. 2. Select the data points to measure the website’s purpose. 3. Is there anyone else that could use the data from the website?

What is the purpose of the library catalog? Find something

What information can determine if users found something in the library catalog?

Step 4. Configure Google Analytics to track that data. Successful Search Failed Search • Put a hold on something • Zero search results Events! • Requested from another library • Item unavailable • Clicked on electronic resource link • Multiple searches with no action • Save or email search result

GTM Event Tracking Process • What action do you want to track? • How can GTM identify that action? The web developer tools in your web browser are essential in this process.

Tracking Holds

Hold Event Tag’s Purpose: Tracks when a user clicks the hold button in the library catalog. To do this, you need: • 1 tag (Universal Analytics tag) • 1 trigger (custom Click trigger) • 2 variables (Google Analytics setting variable and Click URL variable)

Tracking Failed Searches

Failed Search Event Tag’s Purpose: Tracks when a user clicks the hold button in the library catalog. To do this, you need: • 2 tags (Custom HTML tag and Universal Analytics tag) • 2 triggers (custom event trigger and ) • 2 variables (DOM variable and Google Analytics setting variable)

No Search Results Variable This variable identifies the selector for GTM to look for.

GTM Data Layer = a Java. Script array to store information and send that data to GTM. Good news everybody! You can store any data point you want in the data layer…. You just need to know HTML, DOM, and Java. Script.

Create a “Listening Tag” Select Custom HTML tag type. Add a script that pushes event info into the GTM data layer. Select All Pages trigger.

Create a No Results Trigger This Custom Event trigger will fire whenever the event called no. Results is sent through the data layer.

Create the No Search Results Event Tag Select Universal Analytics tag type. Select Event as track type. Select No Results trigger.

Wait…you want to know what the user searched for? “Cat At Work Industry News Week Of 528 Animals, ” foursaua. info, http: //foursaua. info/cat-at-work-industry-news-week-of-528 -animals/

Google Analytics Custom Dimension A custom dimension is any custom data point you want to add to your Google Analytics data.

Configuring Custom Dimensions Why do this? • Track any data point on your website you want to analyze with website use data How to do this? • Create the custom dimension in Google Analytics Admin area • Create the user defined variable to capture the custom dimension • Add custom dimension information to your event tag

Create the Custom Dimension This creates a holding space for the data in Google Analytics. Remember that index number!

User-defined variable I used the URL user-defined variable that looks at the page url. In this example, this variable grabs and stores the query part of the url.

Add Custom Dimension info to tag Sync that user-defined variable to the custom dimension index number in the event tag.

All websites are different… …so track them differently.

Creating a GTM Test Environment

Transitioning to GTM Run both Google Analytics and GTM at the same time BUT also: • Create a new test GA account and property (new UA-xxxxxx-xx) • Create a new GTM container and add to your website • Sync that new test GA property to the new GTM container

Additional Resources • Farney, Tabatha. 2018. Using Digital Analytics for Smart Assessment. ALA Editions, Chicago. • Farney, Tabatha. 2016. “Google Analytics and Google Tag Manager. ” Library Technology Reports. https: //journals. ala. org/index. php/ltr/issue/view/613 • Google Analytics Academy, https: //analyticsacademy. withgoogle. com/ • Google Analytics Help Center, https: //support. google. com/analytics/? hl=en#topic=3544906 • Google Analytics Blog, http: //analytics. blogspot. com/

Questions? Thoughts? GA Ideas?