N.B.: de screenshots in dit document zijn van oktober 2020. De interface en het Facebook Pixels-platform veranderen regelmatig, dus het uiterlijk kan afwijken. Het proces blijft echter hetzelfde.
Wat is Google Tag Manager eigenlijk?
Google Tag Manager (GTM) is een tagbeheersysteem waarmee je meer geavanceerde gegevens kunt volgen. GTM werkt snel en maakt het bijhouden van gegevens op applicaties of websites eenvoudiger. Het is een interface waarmee je tags kunt maken en bekijken. GTM is een Tag Management System en werkt zoals een CMS (Content Management System), alleen niet voor site-inhoud maar voor specifieke tags.
Je kunt je gegevens bijhouden door bijvoorbeeld je Google Tag Manager-account te koppelen aan Google Analytics.
Waarom heb je Google Tag Manager nodig?
De voordelen van Google Tag Manager:
Bespaart tijd voor developers. Ze hoeven het niet zelf te ontwikkelen, dankzij een begrijpelijke interface kan iedereen het implementeren.
Nauwkeurigere gegevens. Maakt aangepaste tracking mogelijk en analyse van specifieke gegevens/behoeften.
Verhoogt de sitesnelheid (responstijd, workflow, laadtijd van pagina's)
Waarom stel je dit in voor je bsport-account?
Zo kun je het gedrag analyseren van leerlingen en potentiële leerlingen wanneer ze op het bsport-platform zijn dat aan je account is gekoppeld. Je kunt de verschillende stappen, klikken, sessies en meer analyseren.
Wat zijn Facebook Pixels?
De Facebook Pixel is een stukje code waarmee je gegevens kunt ophalen van gebruikers die je website hebben bezocht, om zo een doelgroep op te bouwen.
Waarom heb je Facebook Pixels nodig?
De Facebook Pixel wordt gebruikt om advertentiecampagnes op Instagram en Facebook te optimaliseren, om verkeer naar je site via Facebook te analyseren en om het aankooptraject en andere advertentiegerelateerde gegevens bij te houden.
Waarom stel je dit in voor je bsport-account?
Zo kun je het gedrag van gebruikers analyseren nadat ze op een Facebook- of Instagram-advertentie hebben geklikt. Zo heb je de juiste gegevens om je marketingcampagnes te optimaliseren.
Nu je weet wat Google Tag Manager en Facebook Pixels zijn, beginnen we met deze tutorial om deze twee tools aan je bsport-platform te koppelen.
De verschillende stappen om de bsport-gegevens te kunnen ophalen:
Koppel je bsport-account en Google Tag Manager
Stel je Google Tag Manager-account in
Stel je Facebook Pixels-account in
Koppel Pixels en Google Tag Manager
Maak Google Tag Manager-tags om Facebook-advertentiegegevens bij te houden
Controleer of acties op het platform worden doorgegeven aan Pixels
Voor deze tutorial heb je nodig:
Een Google Tag Manager-account
Een Facebook Business Manager-account, waarmee je toegang krijgt tot Facebook Pixels
Een bsport-account
Koppel je Google Tag Manager-account en bsport
Om je Google Tag Manager-account en bsport te koppelen, heb je maar twee dingen nodig:
Je Google Tag Manager-ID kennen
Je Google Tag Manager-ID invoeren op het bsport-platform
Om je Google Tag Manager-ID te vinden, ga je gewoon naar de GTM-interface en zoek je je ID op.
Je vindt het hier:
Het nummer naast GTM is je ID.
Ga vervolgens als beheerder naar je bsport-platform.
Je moet je Google Tag Manager-ID invoeren bij Instellingen > Algemeen > Google Tag ID
Je bsport-account en Google Tag Manager zijn nu gekoppeld.
Stel je Google Tag Manager-account in
Nu kun je je GTM-account instellen om je platformgegevens bij te houden.
Google Tag Manager werkt met 3 instellingen:
Tags. Door er een aan te maken, kun je regels instellen en kiezen wat je wilt bijhouden. Dit kan een paginaweergave zijn, of gegevens ophalen uit Google Analytics/Facebook Pixels, enzovoort.
Triggers, de gegevens die je wilt bijhouden, een tag die wordt geactiveerd door een bepaalde actie. Bijvoorbeeld: klik op video, klik op artikel, product toevoegen aan winkelmandje, enzovoort.
Variabelen, variabelen die op de triggers kunnen worden toegepast voor nauwkeurigere tracking
Je kunt nu tags aanmaken om de gegevens op je bsport-platform bij te houden.
Om ze te analyseren, moet je je Google Tag Manager-account koppelen aan Google Analytics.
Om een tag aan te maken in Google Tag Manager, klik je op 'Tabs' in de linker zijbalk en dan op nieuw.
Nadat je een Google Analytics-account hebt aangemaakt en gekoppeld aan Google Tag Manager, gebeurt dit automatisch.
Vervolgens moet je op het Google Tag Manager-platform een tag aanmaken > Google Analytics: Universal Analytics
De configuratie gebeurt automatisch, je hoeft alleen de variabele en de trigger voor de tag te kiezen.
Voor het activeren van de tag moet je "Alle pagina's" Page View kiezen, zodat de tag telkens wordt geactiveerd wanneer deze wordt bekeken/geladen op het platform.
Zodra dit is gedaan, kom je op een pagina die er zo uitziet:
Je kunt een voorbeeld bekijken, controleren of de tag wordt geactiveerd wanneer deze op het platform/je site wordt bekeken, en publiceren!
Dit is hetzelfde principe voor alle andere mogelijke tags in Google Tag Manager.
Stel je Facebook Pixels-account in
Je hebt een Facebook Business Manager-account nodig om advertenties te beheren en om Pixels te maken en te modereren. Om een account aan te maken: https://business.facebook.com/overview
Nadat je een account hebt aangemaakt, ga je naar de Event Manager. Van daaruit kun je een Pixel aanmaken.
Je kunt een Pixel aanmaken voor je site, voor het platform, enzovoort.
Klik hiervoor op "Pixel toevoegen", er verschijnt dan een banner met drie mogelijkheden:
Koppel je Pixel aan je site
Koppel je Pixel aan je applicatie
Koppel je Pixel offline
Kies de Pixel voor je site.
Er verschijnt dan een pop-up met 3 opties:
Kies een van de twee opties, we raden de partnerintegratie aan omdat het eenvoudiger is.
Vervolgens zie je deze banner:
Vervolgens krijg je instructies volgens de gekozen partner en kun je met een paar klikken de gegevens van je site analyseren.
Je kunt de pixelcode ook installeren in alle <head>-tags van je site.
Als je een bureau of webmaster hebt, kun je de instructies ook versturen via "Instructies per e-mail versturen".
Pixels en Google Tag Manager koppelen
Je kunt nu Google Tag Manager en Pixels koppelen.
Door Google Tag Manager en Pixels te koppelen, kun je ook koppelen met bsport, aangezien de GTM-tag al werd geconfigureerd in stap 1.
Om Facebook Pixels aan Google Tag Manager te koppelen, gebeurt dit aan de kant van Facebook.
Ga naar de Event Manager om een Pixel aan te maken.
Voeg zoals in de vorige stap een Pixel toe aan je site en klik op "Een partner gebruiken".
Selecteer vervolgens Google Tag Manager.
Volg de stappen en alles wordt ingesteld.
Je Pixel en Google Tag Manager zijn nu verbonden.
Maak Google Tag Manager-tags om Facebook-advertentiegegevens bij te houden
We gaan nu GTM-tags maken en koppelen aan een Pixel om activiteit op Facebook Pixels bij te houden.
Eerst dit:
Om Pixels events te laten bijhouden die op het bsport-platform plaatsvinden, moet je via Google Tag Manager werken. Daarom heb je in de vorige stap Google Tag Manager en Pixels gekoppeld.
Je moet Google Tag Manager ook laten begrijpen welke events er op het bsport-platform plaatsvinden, zodat het ze naar Pixels kan sturen.
Het is nodig om een variabele aan te maken in Google Tag Manager die overeenkomt met het bsport-event.
Vind alle bsport-events hier.
We gaan nu de variabele aanmaken zodat een bsport-event naar Pixels wordt verzonden.
Voor dit voorbeeld kiezen we het klikken op de knop 'toevoegen aan winkelmandje'.
Laten we de variabele aanmaken. Ga in Google Tag Manager naar Variabelen > Nieuw.
Maak vervolgens een nieuwe variabele aan > Data Layer Variable.
Zet "data" in de naam van de datalaagvariabele. Geef de variabele een naam, voor ons wordt dat "dlv - data".
Zo ziet de configuratie eruit:
We kunnen nu verdergaan met het configureren van de tag.
Op het Google Tag Manager-platform kun je naar "Tag toevoegen" gaan.
Ga vervolgens naar "Tag configureren" en dan naar "Ontdek andere tagtypen".
Zoek vervolgens naar "Facebook Pixel". Zo kun je Pixels eenvoudig configureren in GTM zonder handmatige code te hoeven gebruiken.
Configureer vervolgens de Pixel door deze een naam te geven, een ID in te voeren en het event te kiezen.
We kiezen het event Toevoegen aan winkelmandje.
Vervolgens moet je op dezelfde manier de trigger voor deze tag configureren. Ga onderaan naar "Trigger" en configureer deze.
Je moet een trigger aanmaken. Klik hiervoor rechtsboven op de "+" en maak een trigger aan. Configureer vervolgens een "Aangepast event".
Bij "Objecteigenschappen" moet je de eerder aangemaakte variabele toevoegen.
Voeg dus "dlv-data" toe.
Vervolgens moet je de trigger voor deze tag configureren. Ga onderaan naar "Trigger" en configureer deze.
Je moet een trigger aanmaken. Klik hiervoor rechtsboven op de "+" en maak een trigger aan. Configureer vervolgens een "Aangepast event".
Nu kunnen we de trigger een naam geven. "Toevoegen aan winkelmandje" werkt prima voor ons voorbeeld.
Bij "Itemnaam" moet je het bsport-event invoeren dat je wilt ophalen. Ons item is toevoegen aan winkelmandje. In het document dat hoger in dit artikel is bijgevoegd, zie je dat het bijbehorende bsport-event is: bsport:basket:add-to-cart:pass
Vergeet niet het vakje "Reguliere expressie gebruiken" aan te vinken.
De configuratie is klaar! Je kunt opslaan en overschakelen naar de voorbeeldmodus in Google Tag Manager. Met de voorbeeld- of "debug"-modus van Google Tag Manager kun je zien welke tags op een websitepagina worden geactiveerd. Er is ook de Chrome-extensie Google Tag Assistant.
Ga naar je bsport-marketplace en klik op een 'toevoegen aan winkelmandje' op je platform.
In de GTM "Debug"-modus zie je dat de tag is geactiveerd.
Je kunt ook controleren of de Pixel is geactiveerd met de Facebook-extensie Pixel Helper.
Je kunt dit ook controleren in de Facebook Pixel Event Manager:
Klaar! Je kunt nu Google Tag Manager-events voor je platform instellen en ze in Pixels ophalen.