handleiding google tagmanager (gtm) - google analytics blog · 2017-09-13 · google analytics te...

46
Handleiding Google Tagmanager (GTM) Inhoudsopgave Basisbeginselen.................................................................................................... 2 Google Tagmanager in de praktijk .............................................................................. 4 Meerdere domeinen doormeten ................................................................................10 Externe tools meten met Google Tagmanager ...........................................................12 De verbeterde (Enhanced) E-commerce module.........................................................14 Event tracking via Google Tagmanager .......................................................................17 Kliks op call-to-action knoppen ..............................................................................18 Uitgaande links .................................................................................................22 Aanvullende mogelijkheden Google Tagmanager ...........................................................31 Meten van de interactie met je YouTube video’s .........................................................31 Koppeling met je CRM ........................................................................................34 De voordelen van Google Tagmanager ....................................................................46

Upload: others

Post on 13-Jul-2020

59 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

Handleiding Google Tagmanager (GTM)

Inhoudsopgave Basisbeginselen .................................................................................................... 2 Google Tagmanager in de praktijk .............................................................................. 4 Meerdere domeinen doormeten ................................................................................10

Externe tools meten met Google Tagmanager ...........................................................12 De verbeterde (Enhanced) E-commerce module .........................................................14

Event tracking via Google Tagmanager .......................................................................17 Kliks op call-to-action knoppen ..............................................................................18 Uitgaande links .................................................................................................22

Aanvullende mogelijkheden Google Tagmanager ...........................................................31 Meten van de interactie met je YouTube video’s .........................................................31 Koppeling met je CRM ........................................................................................34 De voordelen van Google Tagmanager ....................................................................46

Page 2: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

Met Google Tagmanager kun je alle meetcodes vanuit één programma op je site plaatsen. Je kunt het vergelijken met een cms zoals WordPress of Drupal, maar dan voor je meetcodes. Met een tagmanagementsysteem hoef je een webbouwer geen opdrachten meer te geven om meetcodes te plaatsen. Je kunt deze meetcodes namelijk zelf plaatsen. Dit tagmanagementsysteem zet ze dan op je site. Hoe gaat dat in zijn werk? In een vorige handleiding heb ik de te nemen stappen voor een Google Analytics-implementatie besproken. Ik ging hierbij uit van een implementatie waarbij je de meetcodes zelf op de website moet (laat) plaatsen. Je kunt er ook voor kiezen om Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

Basisbeginselen

Voordat je met Google Tagmanager gaat werken, dien je te weten hoe dit tagmanagementsysteem werkt. Binnen Google Tagmanager heb je de beschikking over de volgende tools: De container. Dit is de enige code die je op je site plaatst. De container activeert jouw meetcodes. Daardoor hoef je de Google Analytics- en conversie-code voor AdWords niet meer in de live-omgeving van je site te plaatsen. Tag. Dit is jouw meetcode. Bijvoorbeeld jouw Google Analytics- of conversie-code voor AdWords. Maar je kunt bijvoorbeeld ook een tag aanmaken voor externe systemen zoals bijvoorbeeld HotJar of Google Optimize. Aan deze tag moet je een trigger (activatie) koppelen. Je wilt bijvoorbeeld jouw meetcode op een bepaalde pagina of op alle pagina’s activeren. Ik kan me voorstellen dat je de Google Analytics-code op iedere pagina wilt plaatsen, maar je conversiecode voor AdWords alleen op de bedankpagina, nadat een bezoeker jouw product besteld heeft of een offerte heeft aangevraagd. Ten slotte heb je ook de mogelijkheid om variabelen te gebruiken. Met variabelen kun je specifieke informatie aan de tag toevoegen. Je hebt de beschikking over ingebouwde variabelen, zoals de url’s van je pagina’s (page url) en de kliks op een knop of uitgaande link (click url). Daarnaast kun je eigen variabelen toevoegen. Een voorbeeld hiervan is het signaleren en activeren van een Youtube video meting.

Page 3: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?
Page 4: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

Google Tagmanager in de praktijk

Vervolgens wil je natuurlijk met Google Tagmanager aan de slag. Hoe kun je dit het beste aanpakken? Laat eerst de ‘container tag’ op iedere pagina van jouw site plaatsen. Deze container-tag kun je ophalen via beheer→ Google Tagmanager installeren:

Het bovenste gedeelte van de tag dien je net na de <head> tag te laten plaatsen. Het onderste gedeelte van de tag dien je net na de <body> tag te laten plaatsen. Mijn advies is om je webontwikkelaar dit te laten doen of je gebruikt een plug-in.

Tags aanmaken

Vervolgens kun je je tags gaan aanmaken. Bijvoorbeeld de standaard Google Analytics-code. Maak eerst een ‘tag’ aan:

• Kies als tag voor Universal Analytics;

• Nu dien je de tracking-id in te vullen. Mijn advies is om hiervoor een variabele aan te maken, zodat je spelfouten kunt voorkomen:

Page 5: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

Indien je jouw tracking-id voor meerdere tags wilt gebruiken, kies je niet voor

constant als type variabele, maar voor instellingen van Google Analytics:

Bovenstaande variabele vul je in binnen je reguliere Universal Analytics tag:

Page 6: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

• Je geeft je standaardmeetcode een beschrijvende naam en je kiest voor de aangemaakte variabele, in dit geval UA-code standaard.

• Onder Veldnaam kun je de meting van je sitespeed meting aanpassen. Standaard gebruikt Google Analytics voor je sitespeed meting een relatief kleine steekproef. Om deze steekproef te verhogen dien je onderstaande variabelen aan te maken:

Page 7: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

In bovenstaand voorbeeld kies ik voor de ingebouwde variabele Debug_mode. (Foutoplosser) Vervolgens stel ik een lookup-table (opzoek tabel) in. Ik gebruik hierbij de zojuist ingestelde variabele debug_mode. Ten slotte stel ik twee regels in, zodat ik de steekproef kan verhogen naar 50%. Disclaimer: voor sites met veel bezoekvolume adviseer ik om spaarzaam om te gaan met deze variabele. Je wilt namelijk met deze aanvullende meting je site performance niet te veel aantasten. Daarom kies ik voor een steekproef van 50 % i.p.v. 100%. Ten slotte wil je natuurlijk weten of Google Tagmanager je tag heeft geactiveerd. Klik hiervoor achtereenvolgens op Voorbeeld en Verzenden.

Indien je op voorbeeld klikt en je website bezoekt kun je controleren of jouw tags werken:

Page 8: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

Indien je vervolgens op verzenden klikt, publiceert Google Tagmanager jouw tag.

Tip: controleer altijd in Google Analytics binnen de real-time rapporten of je tags ook

daadwerkelijk werken!

Page 9: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

Remarketing of AdWords conversiecode

Op dezelfde manier kun je ook je Remarketing- of AdWords-conversiecode activeren. Het enige verschil is dat je voor deze meetcodes het conversie-ID uit je AdWords-account dient te achterhalen en in te vullen:

Page 10: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

Meerdere domeinen doormeten

De doormeting voor meerdere domeinen met Google Tagmanager is eenvoudiger dan handmatig door de webbouwer. Je kunt dit namelijk verwerken in je reguliere Universal Analytics tag.

• Je kiest als tagtype voor Universal Analytics;

• Vervolgens kies je als trigger wederom voor alle pagina’s van de site;

• Nu dien je de allowLinker op true te zetten en de cookieconfiguratie voor het cookiedomein in te vullen. Zo blijft de cookiewaarde behouden voor alle domeinen. Indien je dit niet invult, geeft Universal Analytics de hoofddomeinen weer als verwijzende site in je statistieken.

Tip: maak van de benaming van je cookiedomein een variabele om typfouten te voorkomen!

Page 11: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

• Nu kun je de domeinen aan elkaar koppelen;

Tip: ook hierbij adviseer ik om voor de koppeling van de domeinen een variabele in te stellen om typfouten te voorkomen.

Page 12: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

• Tot slot dien je te testen of de domeinen daadwerkelijk aan elkaar gekoppeld zijn. De toevoeging ga= wil zeggen dat de cross-domain tracking implementatie succesvol is geweest.

http://www.digitalanalisten.nl/category/google-analytics/#_ga=1.189664747.1742965705.1428487983

Externe tools meten met Google Tagmanager

Naast je reguliere Google Analytics tag biedt Google Tagmanager je de mogelijkheid om externe tools automatisch te activeren. Voorbeelden hiervan zijn:

1. HotJar/ClickTale en Mouseflow (heatmapping/videopnamen); 2. Google Optimize (AB testen) 3. AdRoll/Criteo (Remarketing) 4. TradeDoubler (Affiliate partij) 5. Bing advertenties (gebeurtenissen)

Een praktisch voorbeeld is het activeren van je Google Optimize omgeving. Je maakt een account aan bij Google Optimize en je wilt deze AB testing tool activeren via Google Tagmanager. Dat is vrij eenvoudig door de volgende stappen te doorlopen:

1. Je kiest voor de Google Optimize tag en je Universal Analytics tracking-id; 2. Je vult de container-id van Google Optimize in; 3. Je activeert de Google Optimize tag op alle pagina’s.

Page 13: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

Deze container-id achterhaal je binnen Google Optimize via accounts, gebruikers beheren:

En indien Google Tagmanager geen automatische integratie biedt, zoals voor Facebookcampagnes of dynamische pop-ups voor nieuwsbrief inschrijvingen? Dan kies je voor een aangepaste HTML tag, zoals voor Sumo Me pop-ups:

Page 14: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

De verbeterde (Enhanced) E-commerce module

In Universal Analytics is het mogelijk om de geoptimaliseerde E-commerce module te activeren. Hiermee kun je in principe het gehele winkelgedrag in de webshop gaan monitoren. Laten we starten met een tag in te stellen voor de E-commerce data zoals bestellingen/gemiddelde orderwaarde en omzet. E-commerce module activeren Allereerst dien je de reguliere meetcode aan te passen, zodat je gebruik kunt gaan maken van de verbeterde E-commerce module:

Daarnaast dien je een trigger toe voegen om je E-commerce module te activeren:

Page 15: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

Ik kies hierbij voor de triggertype Paginaweergave – DOM gereed, omdat ik alleen het E-commerce script op de bedankpagina wil laten activeren. Vervolgens dien je onderstaand script op de bedankpagina laten plaatsen door je webontwikkelaar:

Page 16: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

<script>

// Send transaction data with a pageview if available

// when the page loads. Otherwise, use an event when the transaction

// data becomes available.

dataLayer.push({

'ecommerce': {

'purchase': {

'actionField': {

'id': 'T12345', // Transaction ID. Required for purchases and

refunds.

'affiliation': 'Online Store',

'revenue': '35.43', // Total transaction value (incl. tax and shipping)

'tax':'4.90',

'shipping': '5.99',

'coupon': 'SUMMER_SALE'

},

'products': [{ // List of productFieldObjects.

'name': 'Triblend Android T-Shirt', // Name or ID is required.

'id': '12345',

'price': '15.25',

'brand': 'Google',

'category': 'Apparel',

'variant': 'Gray',

'quantity': 1,

'coupon': '' // Optional fields may be omitted or set to empty

string.

},

{

'name': 'Donut Friday Scented T-Shirt',

'id': '67890',

'price': '33.75',

'brand': 'Google',

'category': 'Apparel',

Page 17: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

Event tracking via Google Tagmanager

Om de gebeurtenissen op je site door te meten, moest je voorheen altijd javascript-codes op je site plaatsen om deze te activeren. Hiervoor was je in de meeste gevallen afhankelijk van je webbouwer. Gelukkig biedt Google Tagmanager hiervoor een alternatieve oplossing. Je kunt nu namelijk je gebeurtenissen doormeten zonder een code-aanpassing op je site. Welke gebeurtenissen adviseer ik je om te gebruiken?

1. Klikken op call-to-action knoppen; 2. Uitgaande verwijzingen; 3. Pdf-downloads voor brochures of handleidingen; 4. JavaScript foutmeldingen.

Hoe meet je deze gebeurtenissen? Mijn advies is om allereerst deze gebeurtenissen te inventariseren via de voorbeeldweergave van Google Tagmanager. Zo achterhaal je de variabele die je dient te gebruiken. Voorbeeld: wat zijn de klik kenmerken van je belangrijkste CTA-knop? Je klikt op je belangrijkste CTA-knop en klikt op gtm. LinkClick of gtm. Click aan de linkerkant:

Onthoud deze click kenmerken goed. Deze heb je namelijk nodig bij het instellen van je gebeurtenis.

Page 18: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

Kliks op call-to-action knoppen

• Allereerst maak je een trigger aan, waarbij je alleen de kliks op een call-to-action meet, bijvoorbeeld je belangrijkste CTA-knoppen op de site:

Je kiest hierbij als triggertype voor klik op alle elementen of alle links

Klik op alleen links zijn verwijzingen naar een andere pagina, klik op alle elementen is een verwijzing binnen de pagina. Vervolgens kies je een ingebouwde variabele, in dit geval click classes:

Page 19: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

• Nu stel je de tag in voor de call-to-action knop;

Page 20: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?
Page 21: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

In bovenstaand voorbeeld heb ik handmatig de gebeurteniscategorie ingevuld. Voor de gebeurtenisactie heb ik gekozen voor het paginapad (Page path) waar de klik plaatsvindt. Vervolgens heb ik hieraan een gebeurtenislabel gekoppeld met de click url waar de bezoeker op terechtkomt, wanneer deze klikt op de call-to-action knop. Tot slot voeg je de ingestelde trigger toe aan je tag:

Page 22: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

Uitgaande links

Naast de call-to-action knoppen op de site, wil je ook graag de uitgaande links op je

site kunnen meten. Mijn advies is wel om alleen de uitgaande links te meten die ook

impact hebben op je website resultaten.

Uitgaande links meten met alle URL’s exclusief jouw eigen site is weinig actiegericht.

Want welke uitgaande links hebben nu echt impact op je website resultaten?

De uitgaande verwijzingen van een blog naar je commerciële website heeft impact op

je conversie. Daarom adviseer ik om een dergelijke uitgaande verwijzing als

gebeurtenis in te stellen:

• Maak onderstaande trigger aan voor je uitgaande verwijzing;

Je kiest hierbij als triggertype voor klikken op alleen links.

Daarnaast dien je onder trigger inschakelen te kiezen voor de pagina of pagina’s

waar de uitgaande verwijzing plaatsvindt. Ik heb hierbij gekozen voor alle pagina’s

Page 23: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

van de blog.

Ten slotte dien je onder trigger wordt geactiveerd te kiezen voor de click-url waar

de gebeurtenis naartoe verwijst. In dit geval kies ik hierbij voor de verwijzingen naar

ganalytics.nl.

• Vervolgens stel je onderstaande tag in;

De gebeurteniscategorie kun je handmatig invullen. Vervolgens kies je onder de gebeurtenis actie en label respectievelijk voor page path en Click URL. Page path is de pagina waar de gebeurtenis plaatsvindt. De Click URL is de verwijzing naar de externe site. (Ganalytics.nl)

• Tot slot voeg je de zojuist aangemaakte trigger toe aan deze tag;

Page 24: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

Pdf-downloads Pdf-downloads meet je niet automatisch, omdat je de reguliere Analytics code niet op een pdf-pagina kunt plaatsen. Daarom adviseer ik om de klik op je belangrijkste pdf-documenten (bijv. productbrochure) als gebeurtenis in te stellen:

• Stel onderstaande trigger hiervoor in. Kies hierbij als triggertype voor klik- alleen links. Onder trigger inschakelen wanneer kies je voor alle pagina’s. Je wilt namelijk alle pdf-downloads kunnen meten. Ten slotte kies je voor jouw pdf’s (Click-URL) onder trigger wordt geactiveerd voor. Je kunt deze pdf’s nog verder specificeren door een extra Click Text variabele hieraan toe te voegen, maar dit is optioneel.

Page 25: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

• Vervolgens stel je de daadwerkelijke tag in voor de pdf-downloads. Je kunt hierbij de gebeurtenis categorie handmatig invullen. Vervolgens kies je respectievelijk voor de gebeurtenis actie en label voor page path en Click URL. De page path is de pagina waar de klik op de pdf link of knop plaatsvindt. De Click-URL is de verwijzing naar jouw pdf-document.

Page 26: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

De Niet-interactietreffer dient op waar te staan, omdat je de pdf-downloads niet wil laten meetellen binnen de bounceberekening.

• Tot slot kies je voor de zojuist aangemaakte trigger;

Page 27: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

JavaScript foutmeldingen

Via Google Tagmanager kun je vrij eenvoudig een meting instellen voor de JavaScript foutmeldingen op de site. Volg onderstaand stappenplan om deze meting in te stellen:

1. Variabelen JavaScript foutmeldingen

Allereerst gaan we onderstaande variabelen gericht op de JavaScript foutmeldingen aanvinken. Met deze variabelen gaan we een meting instellen voor de JavaScript foutmeldingen. Je klikt op variabelen aan de linkerkant en op configureren. Vervolgens vink je alle variabelen aan onder fouten:

Page 29: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

2. Tag instellen gericht op de JavaScript foutmeldingen:

Vervolgens vewerken we de Error variabelen in onderstaande tag:

Ik heb het volgende ingesteld binnen bovenstaande tag:

Page 30: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

• Het trackingtype gebeurtenis;

• Handmatig heb ik de gebeurteniscategorie JS-foutmeldingen getyped;

• Vervolgens kies ik onder gebeurtenisactie met de plus functie aan de rechterkant voor de variabele Error Message. Hiermee kun je het type foutmelding achterhalen.

• Tot slot kies ik onder gebeurtenislabel voor de variabelen Error Line: Error URL. Error Line geeft aan waar de foutmelding plaatsvindt op de pagina en Error URL is de URL van de JavaScript foutmelding.

3. Trigger voor je JS-foutmeldingen De tag is ingesteld. Om de tag te activeren op de site dienen we een trigger in te stellen. Waar wil je deze meting instellen? Op alle pagina’s of alleen de winkelwagen – en check-out? Ik kies voor fout met JavaScript > alle JavaScript-fouten:

Page 31: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

Aanvullende mogelijkheden Google Tagmanager

Meten van de interactie met je YouTube video’s

Het meten van YouTube video’s is lastig, aangezien je hierbij helaas niet gebruik kunt maken van auto event tracking. Gelukkig heeft Google Tagmanager hiervoor een automatische trigger en variabelen ingesteld, zodat je op eenvoudige wijze toch de interactie met je YouTube video’s kunt meten. Allereerst stellen we onderstaande trigger in voor de YouTube video’s:

Mijn advies is om in ieder geval starten/voltooid en onderbreken aan te vinken.

Page 32: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

Voortgangspercentages zijn natuurlijk niet-verplicht, maar adviseer ik je wel om aan te vinken en in te vullen. Ik kies in dit geval voor 4 percentages, maar je kunt natuurlijk ook voor 2 percentages kiezen, indien je alleen wilt weten of de gebruiker de video voor de helft of helemaal bekijkt. Vervolgens activeren we de video variabelen via variabelen > configureren:

Bovenstaande video variabelen hebben we namelijk nodig bij het instellen van de YouTube video tag.

Page 33: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

Ik kies binnen de YouTube tag voor het trackingtype gebeurtenis, aangezien we de interactie met de YouTube video’s willen meten. De gebeurteniscategorie heb ik handmatig ingevuld. Vervolgens kies ik voor de aangemaakte video-variabelen. Video percent zijn de voortgangspercentages van de bekeken YouTube video (25,50,75,100). Tot slot kiezen we voor de aangemaakte trigger:

Page 34: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

Tip: test de werking van je YouTube video met de voorbeeldweergave!

Koppeling met je CRM

Inloggers (klanten) zijn voor een webshop een zeer belangrijke doelgroep. Je wilt ten slotte de impact van je inloggers op de online omzet kunnen bepalen. Dit kan met een koppeling via je CRM of webshop systeem. Volg onderstaand stappenplan om dit te implementeren via Google Tagmanager:

Inrichting user- id weergave

Om het gebruikersgedrag van je inloggers (klanten) te monitoren dien je in Google Analytics de user-id weergave in te stellen. Volg hiervoor onderstaande stappen:

1. Ga naar beheerder > property > tracking info en klik op User ID:

Page 35: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

2. Vervolgens kom je in onderstaand scherm, waarbij ik adviseer om de sessie-unificatie aan te zetten. Zo kun je namelijk de sessie voorafgaand aan het inloggen meenemen.

3. Indien je sessie-unificatie uitzet, meet je alleen de het gedrag wanneer de bezoeker daadwerkelijk is ingelogged.

Page 36: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

4. Tot slot maak je de user-id weergave aan. Je kiest voor website of mobiele

app en je geeft de user-id weergave een beschrijvende naam.

Page 37: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

De implementatie van het user-id via Google Tagmanager

Met het inrichten van de user-id weergave ben je er helaas nog niet. Nu dien je de technische implementatie uit te (laten) voeren. Volg hiervoor onderstaande stappen:

1. Laat de webbouwer of een technisch webanalist onderstaande data-laag (data-layer) plaatsen in de inlog-omgeving boven de container-tag van Google Tagmanager:

Page 38: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

userID is je variabele en [userid] is de waarde van deze userid variabele. De naamgeving van de variabele mag je zelf handmatig aanpassen. Echter de waarde van deze variabele dien je dynamisch (server-side) te laten genereren door je webbouwer of technisch webanalist. Onderstaande weergave is een voorbeeld van deze implementatie bij een opdrachtgever:

2. Vervolgens dien je bovenstaande data-laag (data-layer) te activeren via Google

Tagmanager. Volg onderstaande stappen om dit voor elkaar te krijgen:

• Stel onderstaande variabele in via variabele > nieuw > selecteer variabele voor gegevenslaag:

De naam van de variabele dient overeen te komen met de naamgeving binnen je data-laag. (Data-layer)

Page 39: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

In dit geval kies ik voor userId.

3.Tot slot dien je deze variabele toe te voegen binnen je reguliere Google Analytics

tag (paginaweergave)

Je kiest voor veld toevoegen onder meer instellingen en kiest als veldnaam voor userId. Vervolgens koppel je hieraan de zojuist ingestelde variabele userId.

Het instellen van een aangepaste dimensie voor je user id’s.

Je wilt ook je user-id’s kunnen achterhalen in Google Analytics via een aangepaste dimensie. Zo kun je namelijk het gebruikersgedrag van je klanten monitoren. Deze dien je apart in te stellen. Volg hiervoor onderstaande stappen:

• Stel een aangepaste dimensie in binnen Google Analytics met het bereik gebruiker. Het zijn ten slotte individuele gebruikers die je wilt achterhalen.

• Tip: onthoud hierbij het indexnummer. Deze heb je nodig tijdens het instellen van een aangepaste dimensie in Google Tagmanager.

Page 40: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

• Nu gaan we de aangepaste dimensie instellen binnen de reguliere Google Analytics tag. Klik op aangepaste dimensie > aangepaste dimensie toevoegen:

Page 41: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

Je kiest hierbij voor het indexnummer. (In dit geval 2) Vervolgens selecteer je de zojuist ingestelde variabele userId. Tip: koppel deze aangepaste dimensie niet alleen aan je reguliere Google Analytics tag, maar ook aan je andere tags zoals gebeurtenissen. Onderstaande weergave is een voorbeeld van een mogelijk user-id dashboard:

Het user-id importeren is natuurlijk maar een 1ste stap. Mijn advies is om vervolgens additionele dimensies hieraan te koppelen. Deze dien je zelf te bepalen, aangezien deze bedrijfsafhankelijk zijn. Voorbeelden hiervan zijn:

• Klanttype;

• Doelgroep;

• Duur klantrelatie. Deze kun je handmatig importeren of (laten) implementeren via een aangepaste dimensie/ het measurement protocol.

Het kopppelen van het user-id aan het gedrag van je e-mail abonnees

Naast je inloggers kun je natuurlijk ook het gebruikersgedrag van je nieuwsbrief-abonnees monitoren. Je beschikt ten slotte over een E-mailadres. Volg onderstaand stappenplan om dit met Google Tagmanager te implementeren:

1. Vink onderstaande functionaliteit in MailChimp aan om het user-id te koppelen aan je gedeelde URL’s binnen je mailing. Ook in andere e-mailsystemen zijn dergelijke functionaliteiten beschikbaar:

Page 42: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

Onderstaande weergave is een voorbeeld van een dergelijke URL:

Implementatie via Google Tagmanager

Vervolgens dien je het user-id te bewaren over meerdere paginaweergaven. In dit geval is de variabele voor het user id: mc_eid.

Page 43: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

Deze dien je in te stellen binnen onderstaande variabele:

Deze variabele achterhaal je via variabele > nieuw > URL en het componenttype Zoekopdracht. De querycode mc_eid is de parameter voor het user id van je e-mail abonnees. Ik kies voor de URL-bron referrer, omdat ik meerdere paginaweergaven wil kunnen achterhalen per e-mail abonnee. Tot slot ga je de reguliere Google Analytics tag aanpassen:

Page 44: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

Je voegt het veldnaam userId toe met de ingestelde variabele User id. Daarnaast wil je de user-id’s in Google Analytics implementeren. Om dit voor elkaar te krijgen stellen we een aangepaste dimensie in. Deze vind je onder beheerder > property > aangepaste definities > aangepaste dimensies:

Ik heb hierbij gekozen voor het bereik gebruiker, omdat ik individueel gebruikersgedrag per abonnee wil achterhalen. Onthoud hierbij het indexnummer. Deze heb je nodig om de aangepaste dimensie te activeren via Google Tagmanager:

Ik heb hierbij gekozen voor het indexnummer 2 + de ingestelde variabele User id. Hoe controleer je of de implementatie succesvol is geweest?

Page 45: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

Klik op een link binnen je nieuwsbrief en bekijk de voorbeeldweergave van de

foutoplosser:

Page 46: Handleiding Google Tagmanager (GTM) - Google Analytics blog · 2017-09-13 · Google Analytics te implementeren via Google Tagmanager. Misschien denk je nu: Wat is Google Tagmanager?

De voordelen van Google Tagmanager

Google Tagmanager is een handige tool, die je kunt gebruiken bij de implementatie van Google Analytics. Het bied je de volgende voordelen:

1. Je hoeft geen meetcodes meer op de site te laten plaatsen. Dit heeft een positieve uitwerking op de snelheid en algehele performance van je site.

2. Je hoeft minder vaak je webbouwer te raadplegen voor het plaatsen van je meetcodes. Zo kun je kosten besparen. Reken maar uit hoe vaak je nu je webbouwer vraagt om een meetcode op je site te laten plaatsen.

3. Je krijgt meer overzicht over je meetcodes. In Google Tagmanager kun je precies zien welke meetcodes je op dit moment gebruikt.

Nog een laatste tip tot slot: gebruik alleen de tags die echt impact hebben op je website resultaten. Zo kun je namelijk de verzamelde data vertalen naar praktische inzichten! Heb je vragen n.a.v. deze handleiding? Mail mij gerust!