Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Google Tag Manager (GTM)

2,083 views

Published on

Basic information about Google Tag Manager. How you can create a tag, a trigger or a variable. Also in this presentation you have some information about the Data Layer

Published in: Software
  • Be the first to comment

Google Tag Manager (GTM)

  1. 1. Google Tag ManagerGoogle Tag Manager
  2. 2. Google Tag ManagerGoogle Tag Manager Squirrels `are members of the family Sciuridae, consisting of small or medium- size rodents. The family includes tree squirrels, ground squirrels, chipmunks, marmots (including woodchucks), flying squirrels, and prairie dogs. Squirrels are indigenous to the Americas, Eurasia, and Africa, and have been introduced to Australia. The earliest known squirrels date from the Eocene and are most closely related to the mountain beaver and to the dormouse among living rodent families.
  3. 3. Google Tag ManagerGoogle Tag Manager Tyrannosaurus (/t ræn s r s/ or /taᵻˌ əˈ ɔː ə ɪ ræn s r s/, meaning "tyrant lizard",ˌ əˈ ɔː ə from the Ancient Greek tyrannos (τύραννος), "tyrant", and sauros (σα ρος),ῦ "lizard") is a genus of coelurosaurian theropod dinosaur. The species Tyrannosaurus rex (rex meaning "king" in Latin), commonly abbreviated to T. rex, is one of the most well-represented of the large theropods.
  4. 4. Google Tag ManagerGoogle Tag Manager Sorry! Was a joke!Sorry! Was a joke! Further, even we talk about GTMFurther, even we talk about GTM
  5. 5. Google Tag ManagerGoogle Tag Manager I Introducing Google Tag Manager II Setting up a basic Google Analytics / Criteo tracking III Enhancing your implementation with a Data Layer Subjects:Subjects:
  6. 6. Google Tag ManagerGoogle Tag Manager I Introducing Google Tag Manager II Setting up a basic Google Analytics / Criteo tracking III Enhancing your implementation with a Data Layer Subjects:Subjects:
  7. 7. Google Tag ManagerGoogle Tag Manager IntroducingIntroducing Google Tag ManagerGoogle Tag Manager
  8. 8. Google Tag ManagerGoogle Tag Manager What's the Google Tag Manager?
  9. 9. Google Tag ManagerGoogle Tag Manager What's the Google Tag Manager? GTM is a Tag Management System (TMS).
  10. 10. Google Tag ManagerGoogle Tag Manager What's the Google Tag Manager? GTM is a Tag Management System (TMS). What's a Tag Management System?
  11. 11. Google Tag ManagerGoogle Tag Manager What's the Google Tag Manager? GTM is a Tag Management System (TMS). What's a Tag Management System? Tag Management Systems aim to simplify the deployment and maintenance of JavaScript tags. Or in a business definition: TMS is designed to help manage the lifecycle of e-marketing tags, which are used to integrate third-party software into digital properties.
  12. 12. Google Tag ManagerGoogle Tag Manager What's the Google Tag Manager? GTM is a Tag Management System (TMS). What's a Tag Management System? Tag Management Systems aim to simplify the deployment and maintenance of JavaScript tags. Or in a business definition: TMS is designed to help manage the lifecycle of e-marketing tags, which are used to integrate third-party software into digital properties. But how it works?
  13. 13. Google Tag ManagerGoogle Tag Manager What's the Google Tag Manager? GTM is a Tag Management System (TMS). What's a Tag Management System? Tag Management Systems aim to simplify the deployment and maintenance of JavaScript tags. Or in a business definition: TMS is designed to help manage the lifecycle of e-marketing tags, which are used to integrate third-party software into digital properties. But how it works? Tag management systems replace the multiple tags with a single container tag and afterwards arrange and “fire” individual tags as appropriate based on business rules.
  14. 14. Google Tag ManagerGoogle Tag Manager Tag Container <html> </html> Website Google Tag Manager
  15. 15. Google Tag ManagerGoogle Tag Manager Tag Container <html> </html> Website Google Tag Manager Sorry :D
  16. 16. Google Tag ManagerGoogle Tag Manager Why the Google Tag Manager? - Gain independece from long development processes - Experiment new partenerships more often - Keep improving the quality of your data - Do not bother programmers for each new pixel :D - You will always remain dependant from your marketing departament - Transition to migrate hard coded tags can be painful Pros:Pros: Cons:Cons:
  17. 17. Google Tag ManagerGoogle Tag Manager Why the Google Tag Manager? - Gain independece from long development processes - Experiment new partenerships more often - Keep improving the quality of your data - Do not bother programmers for each new pixel :D - You will always remain dependant from your marketing departament - Transition to migrate hard coded tags can be painful Pros:Pros: Cons:Cons: Score: 4 : 2 GTM win :D
  18. 18. Google Tag ManagerGoogle Tag Manager Google Tag Manager vs Paid Solutions - Support - A wider tag library - Controlling tag load order - Interface to select DOM elements - Real-time deduplication - A/B Testing
  19. 19. Google Tag ManagerGoogle Tag Manager Setting up a basic Google Analytics /Setting up a basic Google Analytics / Criteo trackingCriteo tracking
  20. 20. Google Tag ManagerGoogle Tag Manager 1. Signing in with a Google Account: http://www.google.com/tagmanager/ 2. Creating a Google Tag Manager Account (company name):
  21. 21. Google Tag ManagerGoogle Tag Manager 3. Setting up a container (usually one per website)
  22. 22. Google Tag ManagerGoogle Tag Manager 4. Implementing the container on all pages after the opening <body> tag (not in the header)
  23. 23. Google Tag ManagerGoogle Tag Manager 4. Creating a new Google Analytics Tag: (For a Criteo tag, you need a Custom Tag with a snipped code from your partener)
  24. 24. Google Tag ManagerGoogle Tag Manager 5. Creating a new variable: (Label will have a dynamic value so we need to send that value from our application)
  25. 25. Google Tag ManagerGoogle Tag Manager 5a. Set type and configure the new variable:
  26. 26. Google Tag ManagerGoogle Tag Manager 6. Back on the Tag for configuration: (it will be an Event Track Type with a Category, an action and also a label)
  27. 27. Google Tag ManagerGoogle Tag Manager 7. Create a new trigger: (it will be necessary for dictation when that Tag will be fired)
  28. 28. Google Tag ManagerGoogle Tag Manager 8.That's all with 'My First Tag'. if all went well, you will be able to see the following screen: 9. The last step is to publish your changes (click on Publish button)
  29. 29. Google Tag ManagerGoogle Tag Manager Enhancing your implementation with aEnhancing your implementation with a Data LayerData Layer
  30. 30. Google Tag ManagerGoogle Tag Manager What's the point of a Data Layer? “A Data Layer is an object that contains all of the information that you want to pass to Google Tag Manager” (Google Developer Guide) In a developer language: A data layer is only a JavaScript object
  31. 31. Google Tag ManagerGoogle Tag Manager How will be a Data Layer for our “My First Tag”? Below is an example of how it will look the Data Layer for our Tag. We need category and action as constants. When you click on the View Product button, we will send the “product_label” that will be the “ProductLabel” variable and also we send the event: “view_product” for the trigger.
  32. 32. Google Tag ManagerGoogle Tag Manager That's all for todayThat's all for today Thanks for watching!Thanks for watching! Dragos Ionita Software Engineer https://ro.linkedin.com/in/dragos-ionita-8ab20756 A presentation by:A presentation by:

×