'

Google Analytics Bag o’ Tricks

Понравилась презентация – покажи это...





Слайд 0

Google Analytics Bag o’ Tricks Simo Ahava (NetBooster) – SUPERWEEK 2015


Слайд 1

SUPERWEEK 2015 | #SPWK | @SimoAhava Simo Ahava | NetBooster @SimoAhava http://google.me/+SimoAhava simo.ahava@netbooster.fi www.simoahava.com


Слайд 2

SUPERWEEK 2015 | #SPWK | @SimoAhava My (GA) Developer Philosophy


Слайд 3

SUPERWEEK 2015 | #SPWK | @SimoAhava If you build it, data will come


Слайд 4

SUPERWEEK 2015 | #SPWK | @SimoAhava


Слайд 5

SUPERWEEK 2015 | #SPWK | @SimoAhava The Web is (inherently) stateless


Слайд 6

SUPERWEEK 2015 | #SPWK | @SimoAhava User intent is untrackable in the stateless Web


Слайд 7

SUPERWEEK 2015 | #SPWK | @SimoAhava The life span of a web page ENTRANCE EXIT


Слайд 8

SUPERWEEK 2015 | #SPWK | @SimoAhava The life span of a web page ENTRANCE EXIT


Слайд 9

SUPERWEEK 2015 | #SPWK | @SimoAhava No, browser cookies are not the solution (or HTML Storage)


Слайд 10

SUPERWEEK 2015 | #SPWK | @SimoAhava document.cookie = 'returning=true'; document.cookie = 'articlesRead=3';


Слайд 11

SUPERWEEK 2015 | #SPWK | @SimoAhava They provide you with temporary state only


Слайд 12

SUPERWEEK 2015 | #SPWK | @SimoAhava Google Analytics is stateful


Слайд 13

SUPERWEEK 2015 | #SPWK | @SimoAhava From https://developers.google.com/analytics/devguides/platform/customdimsmets


Слайд 14

SUPERWEEK 2015 | #SPWK | @SimoAhava Google Analytics is better at pattern-matching than a browser


Слайд 15

SUPERWEEK 2015 | #SPWK | @SimoAhava But it requires quality input


Слайд 16

SUPERWEEK 2015 | #SPWK | @SimoAhava When the stateless and the stateful unite Meaningful data Meaningful data Meaningful data


Слайд 17

SUPERWEEK 2015 | #SPWK | @SimoAhava How do we find and collect meaningful data?


Слайд 18

SUPERWEEK 2015 | #SPWK | @SimoAhava No, how do we ask the right questions?


Слайд 19

SUPERWEEK 2015 | #SPWK | @SimoAhava When a user doesn’t view a page, is it a Page View?


Слайд 20

SUPERWEEK 2015 | #SPWK | @SimoAhava Surely not? * Obligatory Conference Presentation Meme


Слайд 21

SUPERWEEK 2015 | #SPWK | @SimoAhava APIS, WORKERS, LIBRARIES, SPECIFICATIONS ECMAScript DOMSettableTokenList Web Audio AutocompleteErrorEvent Animation Timing DOMTokenList DOM Fullscreen Drag and Drop SVG Indexed DB DocumentFragment DOMError File API ChildNode Media DOMImplementation Web Sockets and Messaging Event WebGL Visibility Web Storage Document EventSource CSS Object Model Comment Web Workers Attr WebRTC Selectors DocumentType Offline Element CharacterData Browser Canvas EventListener CustomEvent Shadow DOM CloseEvent File System API BroadcastChannel Typed Arrays Pointer Lock Elements


Слайд 22

SUPERWEEK 2015 | #SPWK | @SimoAhava APIS, WORKERS, LIBRARIES, SPECIFICATIONS ECMAScript DOMSettableTokenList Web Audio AutocompleteErrorEvent Animation Timing DOMTokenList DOM Fullscreen Drag and Drop SVG Indexed DB DocumentFragment DOMError File API ChildNode Media DOMImplementation Web Sockets and Messaging Event WebGL Visibility Web Storage Document EventSource CSS Object Model Comment Web Workers Attr WebRTC Selectors DocumentType Offline Element CharacterData Browser Canvas EventListener CustomEvent Shadow DOM CloseEvent File System API BroadcastChannel Typed Arrays Pointer Lock Elements


Слайд 23

SUPERWEEK 2015 | #SPWK | @SimoAhava PAGE VISIBILITY API


Слайд 24

SUPERWEEK 2015 | #SPWK | @SimoAhava PAGE VISIBILITY API Visible: document['hidden'] = false Hidden: document['hidden'] = true


Слайд 25

SUPERWEEK 2015 | #SPWK | @SimoAhava PAGE VISIBILITY API Visible: document['hidden'] = false Hidden: document['hidden'] = true document.addEventListener('visibilitychange', function() { dataLayer.push({ 'event' : 'visibilityChange' }); });


Слайд 26

SUPERWEEK 2015 | #SPWK | @SimoAhava PAGE VISIBILITY API Meaningful data: When a page is loaded in hidden state, do not send a Page View. If the visibility of the page changes from hidden to visible, then send the Page View.


Слайд 27

SUPERWEEK 2015 | #SPWK | @SimoAhava PAGE VISIBILITY API


Слайд 28

SUPERWEEK 2015 | #SPWK | @SimoAhava DETAILED GUIDE http://goo.gl/DFgxmi


Слайд 29

SUPERWEEK 2015 | #SPWK | @SimoAhava THE PROCESS 1. Page is loaded in the browser Page is loaded in the browser Is the Visibility API supported? Is the page visible? Is a Visibility Change detected? yes / no FIRE PAGE VIEW …and remove visibility listener… …and end the process…


Слайд 30

SUPERWEEK 2015 | #SPWK | @SimoAhava THE PROCESS 2. Is the Visibility API supported? Page is loaded in the browser Is the Visibility API supported? Is the page visible? Is a Visibility Change detected? yes / no FIRE PAGE VIEW …and remove visibility listener… …and end the process…


Слайд 31

SUPERWEEK 2015 | #SPWK | @SimoAhava THE PROCESS 2. Is the Visibility API supported? Page is loaded in the browser Is the Visibility API supported? Is the page visible? Is a Visibility Change detected? yes / no FIRE PAGE VIEW …and remove visibility listener… …and end the process… >> >>


Слайд 32

SUPERWEEK 2015 | #SPWK | @SimoAhava THE PROCESS 2. Is the Visibility API supported? Page is loaded in the browser Is the Visibility API supported? Is the page visible? Is a Visibility Change detected? yes / no FIRE PAGE VIEW …and remove visibility listener… …and end the process… document.addEventListener( 'visibilitychange', function() { dataLayer.push({ 'event' : 'visibility- Change' }); } );


Слайд 33

SUPERWEEK 2015 | #SPWK | @SimoAhava THE PROCESS 3. Is the page visible? Page is loaded in the browser Is the Visibility API supported? Is the page visible? Is a Visibility Change detected? yes / no FIRE PAGE VIEW …and remove visibility listener… …and end the process…


Слайд 34

SUPERWEEK 2015 | #SPWK | @SimoAhava THE PROCESS 3. Is the page visible? Page is loaded in the browser Is the Visibility API supported? Is the page visible? Is a Visibility Change detected? yes / no FIRE PAGE VIEW …and remove visibility listener… …and end the process… >> >>


Слайд 35

SUPERWEEK 2015 | #SPWK | @SimoAhava THE PROCESS 3. Is the page visible? Page is loaded in the browser Is the Visibility API supported? Is the page visible? Is a Visibility Change detected? yes / no FIRE PAGE VIEW …and remove visibility listener… …and end the process…


Слайд 36

SUPERWEEK 2015 | #SPWK | @SimoAhava THE PROCESS 4. Is a Visibility Change detected? Page is loaded in the browser Is the Visibility API supported? Is the page visible? Is a Visibility Change detected? yes / no FIRE PAGE VIEW …and remove visibility listener… …and end the process…


Слайд 37

SUPERWEEK 2015 | #SPWK | @SimoAhava THE PROCESS 4. Is a Visibility Change detected? Page is loaded in the browser Is the Visibility API supported? Is the page visible? Is a Visibility Change detected? yes / no FIRE PAGE VIEW …and remove visibility listener… …and end the process… >> >>


Слайд 38

SUPERWEEK 2015 | #SPWK | @SimoAhava What just happened?


Слайд 39

SUPERWEEK 2015 | #SPWK | @SimoAhava We made a metric more meaningful


Слайд 40

SUPERWEEK 2015 | #SPWK | @SimoAhava But it’s only meaningful if the questions it answers are relevant


Слайд 41

SUPERWEEK 2015 | #SPWK | @SimoAhava How can we measure content engagement?


Слайд 42

SUPERWEEK 2015 | #SPWK | @SimoAhava Content engagement is notoriously difficult to track


Слайд 43

SUPERWEEK 2015 | #SPWK | @SimoAhava Adjusted Bounce Rate Adjusted


Слайд 44

SUPERWEEK 2015 | #SPWK | @SimoAhava Adjusted Bounce Rate Adjusted Not happy with a metric? Sure! Tweak the data collection. Don’t tackle the real problem, i.e. your horrible content!


Слайд 45

SUPERWEEK 2015 | #SPWK | @SimoAhava Scroll Tracking http://cutroni.com/blog/2014/02/12/advanced-content-tracking-with-universal-analytics/


Слайд 46

SUPERWEEK 2015 | #SPWK | @SimoAhava Scroll Tracking Better, but it isolates the action of reading as the sole qualification of engagement.


Слайд 47

SUPERWEEK 2015 | #SPWK | @SimoAhava Content is to a blog what products are to a web store


Слайд 48

SUPERWEEK 2015 | #SPWK | @SimoAhava Shopping Reading Behavior


Слайд 49

SUPERWEEK 2015 | #SPWK | @SimoAhava Checkout Behavior Content Engagement


Слайд 50

SUPERWEEK 2015 | #SPWK | @SimoAhava Product Article Performance


Слайд 51

SUPERWEEK 2015 | #SPWK | @SimoAhava Product Content List Performance


Слайд 52

SUPERWEEK 2015 | #SPWK | @SimoAhava Internal Promotions


Слайд 53

SUPERWEEK 2015 | #SPWK | @SimoAhava Step 1: Terminology


Слайд 54

SUPERWEEK 2015 | #SPWK | @SimoAhava Product: A blog article Product price: Words in an article Product impression: Views of a title or title+ingress in content lists Product list: Widget / content area where product impressions can be gathered from Product list click: Clicks on entries in a product list Product detail view: Page load of an article page Add to cart: First scroll on an article page Checkout: 1/3, 2/3, and 3/3 scroll depth on an article page Purchase: 3/3 scroll depth on an article page and minimum of 60 seconds dwell time


Слайд 55

SUPERWEEK 2015 | #SPWK | @SimoAhava Step 2: Data Collection


Слайд 56

SUPERWEEK 2015 | #SPWK | @SimoAhava PRODUCT LISTS


Слайд 57

SUPERWEEK 2015 | #SPWK | @SimoAhava PRODUCT LISTS Product impression Product impression Product impressions Internal promotion


Слайд 58

SUPERWEEK 2015 | #SPWK | @SimoAhava PRODUCT LISTS


Слайд 59

SUPERWEEK 2015 | #SPWK | @SimoAhava ARTICLE PAGE


Слайд 60

SUPERWEEK 2015 | #SPWK | @SimoAhava ARTICLE PAGE: INITIAL PAGE LOAD = PRODUCT DETAIL VIEW


Слайд 61

SUPERWEEK 2015 | #SPWK | @SimoAhava ARTICLE PAGE: SCROLLING BEGINS = ADD TO CART


Слайд 62

SUPERWEEK 2015 | #SPWK | @SimoAhava ARTICLE PAGE: SCROLL DEPTH = CHECKOUT


Слайд 63

SUPERWEEK 2015 | #SPWK | @SimoAhava ARTICLE PAGE: SCROLL DEPTH + DWELL TIME = PURCHASE


Слайд 64

SUPERWEEK 2015 | #SPWK | @SimoAhava TIPS Use dataLayer, don’t do what I did (DOM scrape) Feel free to leave something out if it isn’t meaningful or doesn’t make sense Design the data collection with analysis in mind – not because it’s fun and cool If using GTM, remember that only the most recent ’ecommerce’ object push is sent with a tag! Always remember to push an ’event’ value with an ’ecommerce’ object push Read Google’s Dev Guide! It’s all in there.


Слайд 65

SUPERWEEK 2015 | #SPWK | @SimoAhava TIPS Use dataLayer, don’t do what I did (DOM scrape) Feel free to leave something out if it isn’t meaningful or doesn’t make sense Design the data collection with analysis in mind – not because it’s fun and cool If using GTM, remember that only the most recent ’ecommerce’ object push is sent with a tag! Always remember to push an ’event’ value with an ’ecommerce’ object push Read Google’s Dev Guide! It’s all in there.


Слайд 66

SUPERWEEK 2015 | #SPWK | @SimoAhava TIPS Use dataLayer, don’t do what I did (DOM scrape) Feel free to leave something out if it isn’t meaningful or doesn’t make sense Design the data collection with analysis in mind – not because it’s fun and cool If using GTM, remember that only the most recent ’ecommerce’ object push is sent with a tag! Always remember to push an ’event’ value with an ’ecommerce’ object push Read Google’s Dev Guide! It’s all in there.


Слайд 67

SUPERWEEK 2015 | #SPWK | @SimoAhava TIPS Use dataLayer, don’t do what I did (DOM scrape) Feel free to leave something out if it isn’t meaningful or doesn’t make sense Design the data collection with analysis in mind – not because it’s fun and cool If using GTM, remember that only the most recent ’ecommerce’ object push is sent with a tag! Always remember to push an ’event’ value with an ’ecommerce’ object push Read Google’s Dev Guide! It’s all in there.


Слайд 68

SUPERWEEK 2015 | #SPWK | @SimoAhava TIPS Use dataLayer, don’t do what I did (DOM scrape) Feel free to leave something out if it isn’t meaningful or doesn’t make sense Design the data collection with analysis in mind – not because it’s fun and cool If using GTM, remember that only the most recent ’ecommerce’ object push is sent with a tag! Always remember to push an ’event’ value with an ’ecommerce’ object push Read Google’s Dev Guide! It’s all in there.


Слайд 69

SUPERWEEK 2015 | #SPWK | @SimoAhava FURTHER READING http://goo.gl/lMWqW8


Слайд 70

SUPERWEEK 2015 | #SPWK | @SimoAhava FURTHER READING http://goo.gl/xYNVb3


Слайд 71

SUPERWEEK 2015 | #SPWK | @SimoAhava FURTHER READING http://enhancedecommerce.appspot.com/


Слайд 72

SUPERWEEK 2015 | #SPWK | @SimoAhava FURTHER READING https://github.com/sahava/eec-gtm


Слайд 73

SUPERWEEK 2015 | #SPWK | @SimoAhava Learning & Doing


Слайд 74

SUPERWEEK 2015 | #SPWK | @SimoAhava JAVASCRIPT http://www.codecademy.com/en/tracks/javascript


Слайд 75

SUPERWEEK 2015 | #SPWK | @SimoAhava JAVASCRIPT Nicholas Zakas: Professional JavaScript For Web Developers (3rd Edition)


Слайд 76

SUPERWEEK 2015 | #SPWK | @SimoAhava JAVASCRIPT Cody Lindley: DOM Enlightenment


Слайд 77

SUPERWEEK 2015 | #SPWK | @SimoAhava JAVASCRIPT Douglas Crockford: JavaScript: The Good Parts


Слайд 78

SUPERWEEK 2015 | #SPWK | @SimoAhava HTML5 https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5


Слайд 79

SUPERWEEK 2015 | #SPWK | @SimoAhava THANK YOU @SimoAhava http://google.me/+SimoAhava simo.ahava@netbooster.fi www.simoahava.com


×

HTML:





Ссылка: