Google Analytics via Google Tag Manager

A presentation at Joomla Gebruikersgroep Eindhoven in April 2021 in Eindhoven, Netherlands by Hans Kuijpers

Slide 1

Slide 1

GA VIA GTM SOORT VAN RECEPTENBOEK Presentatie van Hans Kuijpers

Slide 2

Slide 2

GOOGLE ANALYTICS Momenteel de meest gebruikte tool voor analyseren van de websitepresetaties.

Slide 3

Slide 3

GOOGLE TAG MANAGER Tag beheer systeem om snel en eenvoudig tags op je website te laten uitvoeren.

Slide 4

Slide 4

GOOGLE TAG MANAGER Tag beheer systeem om snel en eenvoudig tags op je website te laten uitvoeren. Bijvoorbeeld de Google Analytics tag.

Slide 5

Slide 5

WAT KOMT AAN BOD Google Tag Manager op jouw website

Slide 6

Slide 6

WAT KOMT AAN BOD Google Tag Manager op jouw website Google Universal Analytics via GTM

Slide 7

Slide 7

WAT KOMT AAN BOD Google Tag Manager op jouw website Google Universal Analytics via GTM Nog een keer, maar dan beter.

Slide 8

Slide 8

WAT KOMT AAN BOD Google Tag Manager op jouw website Google Universal Analytics via GTM Nog een keer, maar dan beter. Google Universal Analytics voor multisite via GTM

Slide 9

Slide 9

WAT KOMT AAN BOD Google Tag Manager op jouw website Google Universal Analytics via GTM Nog een keer, maar dan beter. Google Universal Analytics voor multisite via GTM Google Analytics V4

Slide 10

Slide 10

Slide 11

Slide 11

GOOGLE TAG MANAGER OP JOUW WEBSITE TagManager.Google.com

Slide 12

Slide 12

GOOGLE TAG MANAGER OP JOUW WEBSITE TagManager.Google.com uitleg via Google Support

Slide 13

Slide 13

STAP 1. GA NAAR HTTPS://TAGMANAGER.GOOGLE. COM

Slide 14

Slide 14

Maak een account en container aan Dit gaat in 1 keer als je er nog nooit geweest bent.

Slide 15

Slide 15

Accountnaam = klantnaam, container = domein

Slide 16

Slide 16

Accountnaam = klantnaam, container = domein Vind ikzelf handig.

Slide 17

Slide 17

Serviceovereenkomst met Google Tag Manager

Slide 18

Slide 18

Stap 2. Code om te kopiëren naar je website

Slide 19

Slide 19

Stukje in de <head> en stukje in de <body>

Slide 20

Slide 20

Dashboard

Slide 21

Slide 21

Klik op GTM ID en krijg wederom je code in beeld

Slide 22

Slide 22

Verwerken in je template Extensions > Templates > Templates

Slide 23

Slide 23

Klik op index.php

Slide 24

Slide 24

Om deze te kunnen bewerken

Slide 25

Slide 25

Scroll naar <head>

Slide 26

Slide 26

En plak de code van GTM

Slide 27

Slide 27

Herhaal dit zodra Joomla van een update voorzien is.

Slide 28

Slide 28

Joomla Extension Directory Oplossingen die vaak meer doen dan hetgeen jij wil

Slide 29

Slide 29

Of maak je eigen Joomla System Plugin https://github.com/perfectwebteam/pwt-gtm

Slide 30

Slide 30

Installeren, configureren en publiceren Met alleen de code die GTM nodig hee .

Slide 31

Slide 31

Stap 3. Testen Klik op de knop voorbeeld

Slide 32

Slide 32

Maar eerst een lege versie publiceren

Slide 33

Slide 33

Maar eerst een lege versie publiceren

Slide 34

Slide 34

Maar eerst een lege versie publiceren

Slide 35

Slide 35

Debug venster configureren

Slide 36

Slide 36

Debug venster maakt connectie

Slide 37

Slide 37

Debug venster is verbonden

Slide 38

Slide 38

Debug venster opent nieuw venster

Slide 39

Slide 39

Debug venster toont resultaat

Slide 40

Slide 40

Slide 41

Slide 41

GOOGLE UNIVERSAL ANALYTICS VIA GTM

Slide 42

Slide 42

Ga naar Tags

Slide 43

Slide 43

Klik op nieuw

Slide 44

Slide 44

Geef de tag een naam

Slide 45

Slide 45

Geef de tag een naam Voor Google Analytics gebruik ik GA

Slide 46

Slide 46

Klik op het vlak Tagconfiguratie

Slide 47

Slide 47

Klik op het vlak Tagconfiguratie En selecteer Google Analytics - Universal Analytics

Slide 48

Slide 48

Basisconfiguratie - tag

Slide 49

Slide 49

Basisconfiguratie - tag En selecteer in de dropdown Google Analyticsinstellingen voor nieuwe variabele

Slide 50

Slide 50

Basisconfiguratie - specifieke variabele

Slide 51

Slide 51

Basisconfiguratie - specifieke variabele Geef de variabele een naam en vul GA Property ID in

Slide 52

Slide 52

Keer automatisch terug naar Tag

Slide 53

Slide 53

Keer automatisch terug naar Tag Klik op het vlak bij Trigger

Slide 54

Slide 54

Selecteer een trigger

Slide 55

Slide 55

Keer automatisch terug naar Tag

Slide 56

Slide 56

Keer automatisch terug naar Tag Klik op Opslaan

Slide 57

Slide 57

Keer automatisch terug naar overzicht van Tags

Slide 58

Slide 58

Keer automatisch terug naar overzicht van Tags Klik op Voorbeeld

Slide 59

Slide 59

Debugger start

Slide 60

Slide 60

Debugger start Zie dat de tag Ga - Page View uitgevoerd is

Slide 61

Slide 61

Keer terug naar overzicht van Tags

Slide 62

Slide 62

Keer terug naar overzicht van Tags Klik op Verzenden

Slide 63

Slide 63

Geef de nieuwe versie een logische naam en klik op publiceren

Slide 64

Slide 64

De wijzigingen zijn actief

Slide 65

Slide 65

Slide 66

Slide 66

GOOGLE UNIVERSAL ANALYTICS VOOR MULTISITE VIA GTM

Slide 67

Slide 67

Ga naar variabelen en klik op nieuw

Slide 68

Slide 68

Geef de nieuwe variabele een logische naam en klik variabeleconfiguratie

Slide 69

Slide 69

Overzicht van Type variabele verschijnt en klik daarop

Slide 70

Slide 70

Scroll naar beneden totdat je Lookup Table ziet

Slide 71

Slide 71

Kies variabele {{Page Hostname}} als Invoervariabele

Slide 72

Slide 72

KLik op Rij toevoegen en vul invoer en uitgang in

Slide 73

Slide 73

KLik op Rij toevoegen en vul invoer en uitgang in Voor elk domein een eigen GA Property ID.

Slide 74

Slide 74

Klik op opslaan en kom terug in het overzicht van variabelen.

Slide 75

Slide 75

Klik op variabele GA - Settings om de configuratie te bewerken

Slide 76

Slide 76

Wijzig het veld Tracking ID en zoek variabele op door te starten met tikken van {{

Slide 77

Slide 77

Selecteer {{GA - Property ID}} en klik op opslaan

Slide 78

Slide 78

Doorloop het riedeltje voor aanmaken nieuwe versie.

Slide 79

Slide 79

Slide 80

Slide 80

GOOGLE ANALYTICS V4 VIA GTM

Slide 81

Slide 81

Als nog niet gedaan… Ga naar anlytics.google.com en klik bij Property op “Instellassistent voor GA4”

Slide 82

Slide 82

Klik Aan de slag

Slide 83

Slide 83

Klik Property maken

Slide 84

Slide 84

Klik Uw GA4-property bekijken

Slide 85

Slide 85

Klik rechts van Taginstallatie op chevron-right

Slide 86

Slide 86

Klik rechts van HKweb - GA4 op chevron-right

Slide 87

Slide 87

Zie rechtsboven Metings-ID

Slide 88

Slide 88

Kopieer Metings-ID

Slide 89

Slide 89

Ga naar Google Tag Manager en ga naar Variabelen

Slide 90

Slide 90

Klik op Nieuw om een nieuwe variabele aan te maken en geef de naam GA4 - Meting ID

Slide 91

Slide 91

Klik op grote vlak Variabeleconfiguratie en selecteer Lookup Table

Slide 92

Slide 92

Wijzig Invoervariabele naar {{Page Hostname}} en vul de Lookup Table met je gekopieerde Meting ID

Slide 93

Slide 93

Klik Opslaan en kom terug in overzicht van variabelen

Slide 94

Slide 94

Ga naar Tags en klik op Nieuw

Slide 95

Slide 95

Geef de tag een logische naam GA4 - Page View en klik op grote vlak Tagconfiguratie

Slide 96

Slide 96

Selecteer de optie Google Analytics: GA4-configuratie

Slide 97

Slide 97

Start bij Meting-ID met tikken en zoek de variabele {{GA4 - Meting ID}}

Slide 98

Slide 98

Klik op grote vlak bij Triggers en selecteer All Pages

Slide 99

Slide 99

Twee tags… eentje voor Google Universal Analytics, de ander voor Google Analytics V4

Slide 100

Slide 100

Klik op Verzenden om nieuwe versie te publiceren

Slide 101

Slide 101

Slide 102

Slide 102

Slide 103

Slide 103