google tag manager + wordpress - wordcamp 2014 presentation

THE NEW

Shuki Mannshuki@booot.co.ilwww.booot.co.il

+ WP + GA

shuki@booot.co.il www.booot.co.il

• 28, Married + 2 • Road bike rider• B.s.w• M.B.A• Google Partner & Google Analytics

Qualified• Google Adwords• Google Analytics• Google Tag Manager• Google Facebook• Google Wordpress :)• etc.

MEASUREMENT MODEL THAT WORKS !!!

1. What is your business trying to do?2. What are your goals?3. KPIs4. Define “success”5. Segment

5X3:A - AcquisitionB - BehaviorC - Conver$ion$$$

1. What is your business trying to do?2. What are your goals? (SMART:

Specific Measurable Achievable Relevant Time-bound)

3. KPIs4. Define “success”5. Segment

5X3:A - AcquisitionB - BehaviorC - Conver$ion$$$

sell productsattract sellers

• more visitors (panda 4.0?)• more returning buyers• satisfied customers

• increase customer spend per order

• incentives• conference

• more products

• more non-branded traffic• newsletter open-rate

• more feedback/positive feedback

• faster support• avg. order value

• 20% more visitors from GOOG

• +10% signups, +2.3% open rate

• 4.5 stars avg. for each category

• traffic source• device

• day of visit• hour of day

• product price

ACCOUNT STRUCTURE

google login

account

container A - client

container B - client

container C - client

Tags, Macros, Rules…

google login

account B - client B

container A - site

container B - lps

account A - client A

container C - shop

container A - site

container B - lps

container C - shop

JSON array

key-value pair

GTM’s raison d'être

Before GTM snippet - dataLayer = [{‘key’:’value’}]

After GTM snippet - dataLayer.push({‘key’:’value’})

Layer with L

dataLayer

• Google Analytics (Universal/Classic)Google Adwords ConversionCustom HTMLThird party platforms…Event listeners!!!

Tags are the “WHAT to do”

TAGS EXAMPLES

Custom Dimensions & Custom Metrics - The Full Guide

CUSTOM DIMENSIONS (Yeah!)

CUSTOM DIMENSIONS

• ga(‘send’ , ‘pageview’, {‘dimension1’ : ‘author_name’ });ga(‘send’ , ‘pageview’, {‘dimension1’ :' <?php echo get_the_author();?> ' });<script> dataLayer = [{‘dimension1’ : <?php echo get_the_author();?>}]

CUSTOM DIMENSIONS

TAGS EXAMPLES

• Adwords Remarketing with custom params from dL

Adwords Conversion with dynamic value (macro)

TAGS - Auto Event Listeners

• Link Click - <a href> -> gtm.linkClick eventClick - onclick -> gtm.click eventForm Submit - submit -> gtm.formSubmitTimer - gtm.timerJS - gtm.pageErrorHistory - AJAX

Case sensitive!Competing listeners<html> <head>

</div></body>

</html>

JSON array

key-value pair

GTM’s raison d'être

Before GTM snippet - dataLayer = [{‘key’:’value’}]

After GTM snippet - dataLayer.push({‘key’:’value’})

Layer with L

dataLayer

TAGS - Auto Event Listeners - Example• <html> <head>

<title>My Page</title> </head> <body> <!-- Google Tag Manager Container

here --> <div id="main">

</div></body>

</html>

• [macro][operator][value]contains, equals, matches RegEx2 condition, same rule = AND2 different rules = ORGTM goes to dataLayer to find the

value of objects ONLY when they’re events.

Blocking Rule always win1st: gtm.js2nd: gtm.dom3rd: gtm.load

Rules are the “WHEN to do”

MACROS

• = FunctionsMust return a value with “return”You can even use the macro inside

your HTML tag!Exactly like regular function.Every Macro return value. JS Macro

must include “return”Auto event - the DOM element that

triggered the event.

MACRO EXAMPLES

• Constant String - very useful for GA/Adwords code

MACRO EXAMPLES

HTML tag with macroAuto-Event vars

MACRO EXAMPLES

HTML tag with macroAuto-Event varsLookup Table!!

MACRO EXAMPLES

HTML tag with macroAuto-Event varsLookup Table!!dataLayer!!!!!

REAL EXAMPLE - 1

REAL EXAMPLE - 2

REAL EXAMPLE - eCommerce Tracking

REAL EXAMPLE - 4

dataLayer = [{ 'gtm.blacklist': ['<html>', '<nonGoogleScripts >', ...] 'gtm.whitelist': ['<ID>', '<class>', '<ID>', ...]}];

Black wins!Classes have relationships (nonGooglePixels >

nonGoogleScripts)

SECURITY

Tags: Category - Type - what it does (meaningful)

ex: GA - Event - click on menu item

ex: Adwords - Conversion - 10x pages

Macro: Type - what is does

ex: Lookup Table - change A macros by B

Rules - Where/When it happens

ex: All pages, event equals

NAMING

THE END

THANK YOU :)

contact me at: shuki@booot.co.ilread my posts: www.booot.co.il

be my friend: www.facebook.com/mann.shuki

google tag manager + wordpress - wordcamp 2014 presentation

Marketing

wordpress & user experience - wordcamp london

wordcamp north canton - wordpress & podcasting

wordpress accessibility - wordcamp buffalo 2016

workflow wordpress + javascript - wordcamp rio

wordpress security - wordcamp nyc 2009

wordpress 102 wordcamp hamilton 2016

wordcamp montréal - wordpress in the cloud

wordcamp kenya - mobile wordpress

wordcamp la 2011 - wordpress server migration

wordpress seo - wordcamp 2015

wordpress security from wordcamp nyc 2012

hooked on wordpress: wordcamp columbus

wordcamp wilmington wordpress 101

wordpress multisite & beyond - wordcamp detroit 2012

wordcamp europe 2013 git & wordpress-themes

wordcamp omaha 2014: branding with wordpress

wordcamp finland wordpress seo workshop

typography & wordpress - wordcamp hamilton 2015

wordpress migrations 101 - wordcamp orlando

wordpress seo - wordcamp seattle #wcsea