De Google Tag Manager (GTM) zegt het eigenlijk al, het maakt het mogelijk om op een simpele manier je Google Tag Manager te implementeren in je thema.
Er zijn een paar kleine stappen nodig om de GTM te implementeren.
1. Google Tag Manager app configureren
Om de Google Tag Manager app te configureren, ga je naar je Syncer® app binnen Shopify, klik je op de 3 bolletjes en klikt vervolgens op "Visit app".
Vervolgens kom je op de volgende pagina terecht:
GTM ID
Dit veld is bedoeld voor het invoeren van de Google Tag Manager ID (GTM-ID) van jouw account. Deze ID identificeert jouw GTM-container en zorgt ervoor dat de juiste tags en pixels op jouw website worden geladen. Je kunt de GTM-ID vinden in je Google Tag Manager-account, meestal begint deze met “GTM-” gevolgd door een reeks cijfers en letters.
Event Prefix
Dit veld wordt gebruikt om een voorvoegsel (prefix) toe te voegen aan de naam van de events die naar Google Tag Manager worden gestuurd. Dit voorvoegsel kan handig zijn om bepaalde soorten events te groeperen of te categoriseren.
Waar kan ik mijn prefix vinden?
Dit moet worden ingesteld in overleg met je team of analist, afhankelijk van hoe je de trackingdata wilt organiseren in je GTM-implementatie. Het voorvoegsel wordt vaak bepaald op basis van de conventies die je organisatie hanteert voor tracking.
Event Suffix
Dit veld wordt gebruikt om een achtervoegsel (suffix) toe te voegen aan de eventnaam. Net als het voorvoegsel kan het achtervoegsel helpen om de eventnamen te specificeren.
Waar kan ik mijn suffix vinden?
Net als het voorvoegsel wordt het achtervoegsel meestal bepaald op basis van interne conventies en specificaties voor het volgen van gegevens. Het doel is om events te categoriseren voor een betere gegevensanalyse.
Update Settings
Heb je bovenstaande velden naar wens ingevuld, klik dan op deze knop. Deze knop slaat de ingestelde GTM-ID, event prefix en event suffix op en zorgt ervoor dat de custom pixelcode correct wordt gegenereerd.
Copy Button
Nu alle settings zijn geüpdatet, kan je de “Copy” gebruiken om de custom pixelcode naar het klembord te kopiëren, zodat deze gemakkelijk kan worden ingevoerd in de Customer event settings
2. Google Tag Manager plaatsen in de klantgebeurtenissen instellingen.
De Google Tag Manager code moeten we nu plaatsen in de customer event settings, zodat deze uit te lezen is bij alle events van de gebruiker op de website. Zo wordt je data goed bijgehouden.
Heb je nog niet geklikt op de "Copy" knop? Klik daar dan nu op om de aangepaste pixelcode te kopiëren.
Ga in je Shopify Backoffice naar de Klantgebeurtenissen instellingen. Dit vind je onder "Instellingen > Klantgebeurtenissen"
Klik op "Aangepaste Pixel Toevoegen" op een van de buttons op de pagina.
Geef een duidelijke naam aan jouw pixel, zoals “Google Tag Manager.”
Klik vervolgens op "Pixel toevoegen"
Plak de gekopieerde code in het “Code” veld.
Klik boven of onder op 1 van de "koppelen" knoppen op je GTM te publiceren.
Na deze stap is je GTM geactiveerd op de je webshop binnen Shopify.