Google Analytics Meetup: Auto Event Tracking
-
Upload
isite-design-is-now-connective-dx -
Category
Business
-
view
641 -
download
0
description
Transcript of Google Analytics Meetup: Auto Event Tracking
_ga.usergroup(pdx);
#GAPDX
A full service digital agencyISITE Design
Marketing Technology
Experience Design
Analytics & Optimizatio
n
CREATE BUILD GROW
Auto Event Tracking
GTM can listen for click events so you don’t have to put code on every interaction. This example tracks links to email addresses on your site.
This tag has a rule to fire on all page, and simply listens for clicks. When a click occurs it sets a dataLayer event gtm.click
This macro gets the URL from an element at sets it as clickedLinkURL
This rule states that a tag will fire if the clickedLinkURL contains “mailto” and the event contains “gtm.click”
When a link with “mailto” in the href is clicked it sends this tag with a GA event containing the mailto url as the event action
Useful QA and Debugging Tools:
• Google Analytics Debug
https://chrome.google.com/webstore/detail/google-analytics-debugger/jnkmfdileelhofjcijamephohjechhna?hl=en
• Google Analytics Tag Assistant
https://chrome.google.com/webstore/detail/tag-assistant-by-google/kejbdjndbnbjgmefkgdddjlbokphdefk?hl=en
• Fiddler (PC)
http://fiddler2.com/
• Charles (Mac)
http://www.charlesproxy.com/
Previewing (Web)Google Tag Manager provides you with a preview link. You can share this link with others and when they use it, a preview cookie will be set that enables preview mode just for their browser. When they use the link to navigate to the website, the site will fire the tags in the version they are previewing. Turn off the preview from the Container Versions page (Versions > All Versions in the left navigation).You can preview any version of a container. A version is essentially a saved snapshot of the container.
Debug Console (Web only)Debugging is a Preview mode option. When you preview a site and debugging is enabled, a console window at the bottom of your browser shows the status of each tag (for example, fired, not fired) in the container. This console window will appear only on your computer as you preview the site and is not visible to your site’s visitors.A status is displayed for every tag in the container. Each tag's status updates in the console as you browse throughout the site and interact with each page.
Fired: The tag was fired.
Not fired: The tag was not fired. The status message specifies blocking rules.To preview the site without the console window, uncheck the debugging option before previewing.
Preview and Test GTM
GTM Auto-Event Tracking Scenarios
See what we did on this demo site: http://design.isitedesign.net/gtm/1/destinations.html
In your browser Degbug Console if you type “dataLayer”, you can see all of the data that is available for you to use in GTM.
Scenario 1: Social Links
Send a Google Analytics Event when a social link is clicked that sends the Social Media site that is being clicked to as the event label.
Category: Social MediaAction: Social Exit LinkLabel: Social Network
Scenario 2: Downloads
Send a Google Analytics Event when a brochure is downloaded with the name of the brochure as the event label:
Category: BrochuresAction: DownloadLabel: Brochure Name
Scenario 3: Form Fields and Submit
Send a Google Analytics Event on the thank-you page when a form field selected with the name of the field and another event when the form in submitted:
Category: FormsAction: field typeLabel: form type
Category: FormsAction: form submitLabel: form type
Scenario 4: Virtual Page Views
Send a Google Analytics Virtual PageView when the details for a destination is clicked on.
How we tagged themThere are many ways to do this, this is what we came up with.
Scenario 1: Social Links
Tag
Rule
Macro
Scenario 2: Downloads
Tag
Rule
Macro
Scenario 3: Form Fields and Submit
Tag
Rule
Macros
Scenario 4: Virtual Page Views
Tag
Rule
Macros