.NET CMS DNN

Online marketing blog

Robert-Jan Kuyper
/ Categorie: Online marketing
Gestructureerde data-analytics met Google Tag Manager en Google Analytics

Gestructureerde data-analytics met Google Tag Manager en Google Analytics

Structureren van data begint bij het inrichten van een test- en productie-omgeving in Google Tag Manager. Google Tag Manager biedt gebruikers de mogelijkheid om dataLayers aan te maken en in te richten. Als je bekend bent met Javascript, komt de wijze waarop Google Tag Manager werkt je zeer bekend voor. Als je nog geen voorkennis hebt over Google Tag Manager, is het slim om eerst het artikel Google Tag Manager configureren in DNN te lezen.

 

Aanmaken variabelen in Google Tag Manager

Afhankelijk van je doel maak je in Google Tag Manager een “constante” of “lookup-table” variabele aan. Een constante is een string die niet verandert. De lookup-table biedt de mogelijkheid om verschillende argumenten te toetsen op true/false, waarbij als true een handeling kan worden uitgevoerd.

Ga naar Google Tag Manager en maak een nieuwe variabele aan.

Google Tag Manager omgeving

Klik op “Nieuw” om een nieuwe variabele aan te maken.

Google Tag Manager omgeving

Het is belangrijk om goed na te denken over de variabele naam die je toekent. Door steeds dezelfde terminologie te gebruiken, is het beter onderhoudbaar. Omdat wij nu een test- en productie- omgeving inrichten in Google Analytics, noemen we de variabele "GA – Property ID".

Google Tag Manager omgeving

Klik op “variabele configuratie”. Het volgende scherm verschijnt:

Google Tag Manager omgeving

Klik op lookup-tabel. Het volgende scherm verschijnt:

Google Tag Manager omgeving

Geef als invoervariabele {{Page Hostname}} op. Dit geeft dezelfde waarde terug als window.location.

Klik op “+ Rij Toevoegen”.

Google Tag Manager omgeving

Voer bij invoer de waarde in waarop de {{Page Hostname}} moet worden getoetst. Je voert dus de URL’s in die getoetst moeten worden. Bij uitgang vertel je GTM wat de waarde moet zijn als de uitkomst TRUE is. Het inrichten van verschillende fases (dev/staging/productie) kan dus als volgt worden gedaan:

Google Tag Manager omgeving

Klik op opslaan.

 

Aanmaken Property’s in Google Analytics

Je hebt nu in Google Tag Manager een lookup-table aangemaakt die URL’s toetst om vervolgens naar de gewenste property te verzenden. Nu zal het moeten corresponderen met Property’s in Google Analytics.

Ga naar Google Analytics en login op het juiste account in de admininterface. Hier maak je een nieuwe property aan:

Google Analytics omgeving

De UA-code blijft hetzelfde, er komt alleen een -1, -2 tot en met -50 achter. Die waardes staan voor de verschillende property’s. Om overzicht te houden, geef je de property voor testing de naam “Acceptatie & Debug” en de productieproperty de naam “Productie”. Opnieuw is het belangrijk dat je kiest voor een logische naam die voor iedereen duidelijk is. Belangrijk is om de juiste URL in Google Tag Manager nu te koppelen aan het juiste property-id.

 

Pageview aanmaken in Google Tag Manager

Nu je een variabele hebt aangemaakt en Google Analytics hebt klaargezet, is het tijd om in Google Tag Manager pageviews af te vangen. De pageview stuurt de URL van de gebruiker naar Google Analytics.

Het inrichten van een pageview gaat als volgt:

Klik in het linkermenu op Tags en maak een nieuwe tag aan. Het volgende scherm verschijnt:

Google Tag Manager omgeving

Je klikt op tagconfiguratie en klikt vervolgens op Universal Analytics.

Google Tag Manager omgeving

Het volgende scherm verschijnt:

Google Tag Manager omgeving

Geef als Tracking-id de waarde {{GA Property ID}} op (dit is de lookup-tablevariabele die je bij stap 1 hebt aangemaakt):

Google Tag Manager omgeving

Je laat het trackingtype op Paginaweergave staan. De trigger zet je op "All Pages".

Geef de pageview de naam "GA Pageview" en sla op.

 

Ordenen van variabele en pageview

Onder het kopje mappen biedt Google Tag Manager de mogelijkheid om variabelen, tags en triggers te ordenen in mappen. Kies voor jezelf een logische structuur en richt mappen in om Google Tag Manager overzichtelijk te houden:

Google Tag Manager omgeving

 

Testen en debuggen van Google Tag Manager

Nadat je bovenstaande stappen hebt doorgelopen, test je of de pageview werkt.

Google Tag Manager omgeving

Het volgende scherm verschijnt (onder tags alle door jou ingestelde tags):

Google Tag Manager omgeving

Je voert vervolgens in de adresbalk de URL van de website in:

Google Tag Manager omgeving

Onderin in het scherm verschijnt de GTM dataLayer debugger:

Google Tag Manager omgeving

Zodra onder “Tags Fired On This Page” de tag GA – Pageview verschijnt, dan werkt je (zogeheten) dataLayer van GTM. Klik op de pageview om te zien naar welke property de data wordt gestuurd. Als daar de juiste UA-code staat, werken je GTM-tags.

Ga terug naar GTM en klik op “Voorbeeldmodus sluiten”:

Google Tag Manager omgeving

Nadat je de debugger hebt gebruikt en alles werkt, moet je GTM publiceren. Je klikt rechtsbovenin op publiceren. Als naam geef je de klantnaam_datum. Als beschrijving begin je bijvoorbeeld met UPDATE en vervolgens de doorgevoerde wijziging. Ook dit heeft te maken met een eenduidige manier van werken.

Google Tag Manager omgeving

Je klikt op publiceren en GTM is live.

Enthousiast geworden? Mis niets met de maandelijkse DNN nieuwsbrief!

Delen

Printen

Laat een reactie achter

Naam:
Email:
Reactie:
CAPTCHA Afbeelding
Vul de bovenstaande code hieronder in
Reactie toevoegen
GVG
Websites
GVG Oliehandel

GVG Oliehandel: internationaal actief in alles wat met benzine, olie en reiniging te maken heeft. Idas heeft deze responsive website gerealiseerd in meerdere talen. Doel is het etaleren van de 6 merken die GVG vertegenwoordigt.

Bekijk project
Bekijk alle showcases
KMU
Websites
Koninklijke Metaalunie

Koninklijke Metaalunie is met meer dan 13.000 leden de grootste ondernemersorganisatie voor het midden- en kleinbedrijf (mkb) in de metaal. Idas heeft de nieuwe site ontworpen en gebouwd.

Bekijk project
Bekijk alle showcases
Olympos
Websites
Sportcentrum Olympos

Sportcentrum Olympos is een ruime en veelzijdige sportaccommodatie. Met de meertalige webshop die Idas voor Olympos heeft gerealiseerd, kunnen gebruikers online lessen boeken en betalen. Gevolg van de webshop is een forse besparing, gezien de boekingen niet meer handmatig hoeven te worden aangenomen en verwerkt.

Bekijk project
Bekijk alle showcases
agealube
Websites
Agealube

Met deze (volledig responsive) cataloguswebsite van Agealube, kunnen gebruikers producten opzoeken. De catalogus is een door Idas gebouwde maatwerkmodule op basis van Azure Search.

Bekijk project
Bekijk alle showcases
Solutions
Websites
Solutions Center

SolutionS is een private verslavingszorginstelling en biedt een integrale behandeling voor doserings- en verslavingsproblemen. De behandeling is gebaseerd op het 12 Stappen Minnesota Model in combinatie met zowel inzichtgevende en lichaamsgerichte therapie als cognitieve groepstherapie.

Bekijk project
Bekijk alle showcases
Sallandsche
Websites
Sallandsche Golfclub 'De Hoek'

In opdracht van Sallandsche Golfclub 'De Hoek' heeft Idas deze website ontworpen en gebouwd. De baanconditie op de homepage is tevens gekoppeld aan de (tevens door Idas geproduceerde) iPhone App.

Bekijk project
Bekijk alle showcases
Gently
Websites
Gently

Gently produceert reinigings- en onderhoudsproducten voor caravans, campers en boten. De website is in 2 talen beschikbaar en is een showcase van de verschillende lijnen die dit merk vertegenwoordigt.

Bekijk project
Bekijk alle showcases
butter
Intranet & Extranet
Butter Group International Transport

Idas is al jaren software leverancier voor Butter Group. Butter is gespecialiseerd in het transport van agrarische producten in geïsoleerde onderlossers door heel Europa. De vernieuwde responsive website is in 6 talen beschikbaar en draagt bij aan de professionalisering van dit internationale bedrijf.

Bekijk project
Bekijk alle showcases
Vindjeruimte
Maatwerk
Vindjeruimte.nl

Vindjeruimte is een online platform dat vraag en aanbod van het maatschappelijk vastgoed bij elkaar brengt. Op de website kun je eenvoudig een ruimte of accommodatie vinden en boeken. Het complete platform wordt door diverse gemeenten en organisaties gebruikt als reserveringssysteem.

Bekijk project
Bekijk alle showcases
Aspen
Websites
Aspen Benelux

Het bedrijf Aspen werd in 1988 opgericht aan de kust van het Aspen meer ten noorden van Göteborg in Zweden. Aspen is in veel Europese landen en Canada vertegenwoordigd en is hiermee wereldmarktleider in alkylaatbenzine. Idas heeft deze meertalige website voor Aspen ontwikkeld.

Bekijk project
Bekijk alle showcases