Shopify server-side tracking instellen

Shopify-winkeleigenaren vinden het steeds moeilijker om het klantgedrag nauwkeurig te volgen. Browsergebaseerde tracking wordt minder betrouwbaar als gevolg van privacywetten, adblockers en browserupdates – wat vaak resulteert in ontbrekende of onvolledige gegevens die de marketing en attributie verzwakken.

Dit artikel onderzoekt hoe server-side tracking voor Shopify deze problemen kan oplossen door het verzamelen van gegevens naar je server te verplaatsen. Het helpt je om nauwkeurigere, betrouwbaardere en privacy-compatibele inzichten te verzamelen, zodat je betere beslissingen kunt nemen en meer waarde uit je advertentie-uitgaven kunt halen.

Server-side tracking is een moderne benadering van gegevensverzameling die het trackingproces verplaatst van de browser van een gebruiker naar een veilige server. In plaats van informatie zoals paginabezoeken, conversies of klikken rechtstreeks vanuit de browser naar analyse- en advertentieplatforms te sturen, wordt deze gegevens eerst via je eigen cloudserver geleid. Deze extra stap zorgt voor nauwkeurigere gegevens door de impact van browserbeperkingen, beperkingen van third-party cookies en adblockers te verminderen. Het stelt je ook in staat om de levensduur van cookies te verlengen en de gegevenslevering aan platforms zoals Google Analytics, Meta, TikTok en andere te stroomlijnen.

Het biedt een sterkere basis voor naleving van de privacywetgeving en stelt je in staat de gegevensstroom aan te passen aan je bedrijfsbehoeften. Tools zoals de servercontainer van Google Tag Manager maken de implementatie eenvoudiger, vooral in combinatie met services zoals Stape die de serverinstallatie regelen. Over het algemeen is server-side tracking een krachtige manier om je analyses toekomstbestendig te maken en de betrouwbaarheid van je marketinggegevens te verbeteren.

Server-side tagging kan het succes van je marketingcampagnes een enorme impuls geven met nauwkeurige conversietracking en gebruikersanalyse.Om er echter optimaal van te profiteren is een nauwgezette instelling vereist – iets wat niemand over het hoofd mag zien.

1. Betere gegevensnauwkeurigheid. Server-side tagging kan helpen zorgen voor een nauwkeurigere gegevensverzameling door het risico op gegevensverlies of -fouten veroorzaakt door adblockers, browserextensies of andere client-side factoren te verminderen.

2. Nauwkeurige conversieattributie. Door de langere levensduur van cookies en gebruikersgegevens die via de server worden verzonden, kunnen advertentienetwerken conversies nauwkeuriger toewijzen aan marketingcampagnes.

3. Meer flexibiliteit in gegevensverwerking en privacybeheer. Server-side tagging geeft je meer controle over hoe gegevens worden verwerkt en gedeeld. Je kunt filters toepassen, eventgegevens wijzigen en ervoor zorgen dat alleen noodzakelijke informatie naar derden wordt verzonden — alles vanuit een gecentraliseerde tagging-server. Deze flexibiliteit maakt het gemakkelijker om te voldoen aan privacyregelgeving zoals de AVG en CCPA, terwijl de gegevenskwaliteit en het klantvertrouwen behouden blijven.

4. Geconsolideerd gegevensbeheer. Leid al je marketing- en analysedata via één centraal server-eindpunt. Deze centralisatie vermindert de tijd voor debugging en probleemoplossing met wel 50%, vereenvoudigt het beheer van meerdere integraties, vermindert de complexiteit van talloze tags en zorgt voor consistente, nauwkeurige informatiestromen naar al je advertentiepartners.

5. Verbeterde gegevensverrijking. In tegenstelling tot browsergebaseerde tracking, stelt server-side tagging je in staat om waardevolle extra gegevens toe te voegen aan je conversie-events uit bronnen zoals je CRM-systeem of voorraadsystemen. Het combineren van online en offline inzichten helpt je om krachtigere doelgroepsegmenten te creëren en je marketing effectiever te personaliseren.

6. Geminiatiseerd risico op gegevensmanipulatie. Omdat conversie-events rechtstreeks vanaf je beveiligde server worden verzonden, zijn ze veel minder kwetsbaar voor externe manipulatie door kwaadaardige scripts, defecte browserextensies of zelfs onbedoelde gebruikersacties. Dit directe, veilige kanaal garandeert de integriteit en betrouwbaarheid van je trackinggegevens, en levert een schone en betrouwbare dataset voor al je behoeften.

Een van de meest efficiënte manieren om server-side tracking op Shopify te implementeren is door gebruik te maken van de Stape Shopify-app. Het hoofddoel ervan is het vereenvoudigen van de instelling door de Custom Loader en Cookie Keeper te injecteren, en door een betrouwbare Data Layer te configureren op basis van native Shopify-events. Hoewel de app zelf geen gegevens rechtstreeks naar de servercontainer stuurt, legt het de basis voor nauwkeurige tracking door je webcontainer in staat te stellen events vast te leggen en door te geven aan server-side GTM. Dit vermindert handmatige codering, versnelt de implementatie en helpt ervoor te zorgen dat tracking correct werkt, zelfs in omgevingen met browserbeperkingen – wat de datakwaliteit van server-side tracking en conversieattributie verbetert.

Een iets geavanceerdere methode voor Shopify server-side tracking is het rechtstreeks gebruiken van de native functionaliteiten van Shopify, zoals webhooks en Shopify Flow.Deze aanpak biedt meer flexibiliteit voor het volgen van backend-geactiveerde events die mogelijk niet worden vastgelegd door browsergebaseerde tracking. Beide methoden en oplossingen zoals Stape vereisen echter uiteindelijk een serverinfrastructuur en een vergelijkbare sGTM-configuratie.

Het belangrijkste verschil ligt in hoe events worden geactiveerd – met Shopify Flow of webhooks komen events voort uit de backend van Shopify, terwijl bij tools zoals Stape events nog steeds in de browser worden geactiveerd, maar via je tagging-server worden geleid. Beide opties omvatten het configureren van server-side GTM en het waarborgen van de juiste opmaak, deduplicatie en consistentie van de gegevens.

Vouw het onderstaande element uit voor de gedetailleerde handleiding.

De Stape Conversion Tracking-app voor Shopify kan gratis worden geïnstalleerd via de Shopify Marketplace.

Op het tabblad General vindt u alle instellingen voor het toevoegen van het GTM-snippet aan alle pagina's van uw Shopify-winkel op een manier die bestand is tegen advertentieblokkers, ITP en beperkingen van de cookielevensduur.

• Use Shopify Markets

Vink dit vakje aan als u meerdere Shopify-markten hebt. Met deze functie kunt u de GTM-injectie afzonderlijk voor elke Shopify-markt configureren. Als de functie uitgeschakeld is, gebruiken alle markten de standaardinstelling.

Na activering ziet u de velden die voor elke markt geconfigureerd moeten worden:

• Insert GTM: Als aangevinkt, wordt het GTM-snippet aan elke pagina van de website toegevoegd.

• GTM container ID: De ID van uw web-GTM-container.

• Customer privacy API: als ingeschakeld, houdt de app het laden van GTM tegen totdat de bezoeker cookies accepteert via de Shopify Customer Privacy-banner. Deze optie wordt standaard niet aanbevolen.

• Custom domain, Stape container ID en Cookie Keeper: deze velden houden verband met server-side tracking; configureer ze als u de server-side setup gebruikt of van plan bent te gebruiken. Hieronder leggen we uit waar u de waarden voor elk veld kunt vinden.

• GTM web container ID

Voer hier uw web-GTM-container-ID in.

• Custom domain

Het is cruciaal om uw eigen subdomein te gebruiken zodat first-party cookies correct werken en tracking in het algemeen betrouwbaar functioneert. Als u nog geen subdomein aan uw sGTM-container hebt toegevoegd, volg dan de handleiding over aangepaste domeinen.

• Custom Loader

Het gebruik ervan wordt sterk aanbevolen om de bescherming tegen advertentieblokkers te vergroten.

Vink het bijbehorende vakje aan en geef uw Stape-container-ID op. Om deze te vinden, logt u in op uw Stape-account, selecteert u de sGTM-container en zoekt u de container-ID in de sectie Settings.

• Cookie Keeper

Met deze functie kunt u de impact van de nieuwste ITP-beperkingen minimaliseren. Zorg ervoor dat u Cookie Keeper in Stape voor uw container hebt ingeschakeld voordat u de functie via de app activeert. Om Cookie Keeper te configureren, klikt u op het uitvouwbare element en volgt u de instructies:

• GTM snippet block

Hier kunt u het GTM-snippet kopiëren om het te installeren op pagina's die buiten uw Shopify-thema vallen (zoals pagina's gemaakt door apps van derden zoals Zipify).

Op het tabblad Data Layer vindt u de te activeren en configureren datalaaggebeurtenissen. Met het tweede vak bepaalt u of gebeurtenisnamen het achtervoegsel _stape krijgen om conflicten in GTM te voorkomen. Als dit uitgeschakeld is, behouden gebeurtenissen hun oorspronkelijke namen.

Hier vindt u een volledige lijst van gebeurtenissen en hun payloads, die via de Stape-app worden toegevoegd.

Datalaagactivering:

• Activeer het selectievakje Add ecommerce Data Layer events.
• Sla de wijzigingen op.
• Kopieer de code voor de custom pixel in het vak onderaan het Data Layer-tabblad en volg de instructies om deze toe te voegen en te activeren.

Zorg ervoor dat in de sectie Customer privacy, onder de toestemming-uitklapoptie, Not required geselecteerd is. Het codefragment genereert alleen de datalaag; het plaatst geen cookies en rapporteert geen gegevens aan derden.

Op het tabblad Data Layer is er ook een optie Log events to console (Dev) — een foutopsporingstool voor ontwikkelaars en winkelbeheerders. Wanneer ingeschakeld, registreert het e-commercegebeurtenissen in de browserconsole, toont het de eventpayloads die naar de GTM-/Stape-servercontainer worden gestuurd ter verificatie, en helpt het bij het debuggen van datalagen.

Deze optie is uitsluitend bedoeld voor ontwikkeling en moet in productie worden uitgeschakeld om onnodige consolelogboekregistratie te voorkomen.

Webhookgebeurtenissen worden geconfigureerd op het tabblad Webhook.

Op dit tabblad worden de webhookgebeurtenissen geconfigureerd.

Om een webhook te activeren, activeert u het selectievakje, geeft u de URL van de server-GTM-container op en het /path waarnaar de webhooks gestuurd moeten worden.

U kunt zich abonneren op webhooks wanneer een nieuwe bestelling wordt aangemaakt of wanneer een terugbetaling op een bestelling plaatsvindt.

Nuttige blogberichten over het gebruik en debuggen van webhooks:

• Wat zijn webhooks, webhookservers en hoe gebruikt u ze
• Inkomende webhooks debuggen in de Google Tag Manager Server-preview
• Server-to-server tracking in Google Tag Manager Server

Hiermee kunt u de Customer Match-lijsten in Google Ads automatisch invullen en bijwerken.

Sla de configuratie van dit tabblad over als u geen Google Ads-campagnes voert of geen Customer Match-lijsten gebruikt.

De servercontainer heeft geen directe toegang tot browsergegevens, zoals de data layer, cookies of paginacontext. Daarom moeten deze gegevens expliciet vanuit de webcontainer worden verzonden.

• Data Tag, in combinatie met Data Client in de servercontainer om de verzoeken te ontvangen en te parseren, verzendt data-layer-variabelen en andere parameters onafhankelijk van een specifiek platform;
• Google Analytics 4, dat gegevens verzendt via een Google Tag die is geconfigureerd met de URL van de servercontainer. Beide methoden worden hieronder behandeld.

Stap 1. Installeer de Data Tag-sjabloon:

1. 1.
   Klik op het menu “Tags”.
2. 2.
   Klik op ‘Nieuw’.
3. 3.
   Open het gedeelte “Sjablonen” van uw Web Google Tag Manager-container → voeg de Data Tag toe vanuit de sjabloongalerij.
4. 4.
   Klik op het tabblad “Tagconfiguratie”.
5. 5.
   Klik op “Ontdek meer tagtypes in de Community-sjabloongalerij” → zoek naar “Data Tag” → klik op “Toevoegen aan werkruimte” → klik op “Toevoegen”.

Stap 2. Vervolgens gaan we de Data Tag configureren voor de pageview-gebeurtenis:

1. 1.
   Onder Gebeurtenisnaam kun je een standaardgebeurtenisnaam selecteren, een aangepaste gebeurtenisnaam toevoegen of een dynamische gebeurtenisnaam toevoegen met behulp van de variabele {{Event}}.
2. 2.
   Voer je GTM-server-side-URL in (je vindt je GTM-server-side-URL in je stape.io-account door de sGTM-container te openen en het gedeelte Domein te bekijken.)
3. 3.
   Vink aan hoe je de gegevens wilt verzenden:

   1. 3.1.
      Alles verzenden vanuit de DataLayer – hiermee worden alle gegevens uit de web-GTM-DataLayer naar de GTM-gebeurtenisgegevens op de server verzonden.
   2. 3.2.
      Algemene gegevens verzenden – voegt aan het verzoek de volgende gegevens toe: page_location, page_path, page_hostname, page_referrer, page_title, page_encoding, screen_resolution, viewport_size.
   3. 3.3.
      Toestemmingsstatus toevoegen – voegt het consent_state-object toe aan het verzoek. Dit omvat de volgende eigenschappen: ad_storage, analytics_storage, functionality_storage, personalization_storage, security_storage.
   4. 3.4.
      Algemene cookie toevoegen – de tag verstuurt algemene cookies in eventData om beperkingen van sommige e-commerceplatforms te omzeilen. Dit is bijvoorbeeld vereist voor gebeurtenissen die werken op Shopify-afrekenpagina’s.
4. 4.
   Onder Gebeurtenisgegevens kun je handmatig gegevens aan het verzoek toevoegen. Je kunt ook transformaties toepassen (zoals hashing, trimmen, enz.) of gegevens opslaan.
5. 5.
   Onder Gebruikersgegevens kun je gebruikersparameters versturen en transformaties toepassen of gegevens opslaan.
6. 6.
   Onder Instellingen en Geavanceerde instellingen vind je precies dat: geavanceerde configuratieopties. Tenzij je weet wat je doet, kun je deze instellingen beter niet wijzigen.
7. 7.
   Geef je tag een beschrijvende naam en klik op Opslaan.

Stap 3. Vervolgens kun je de datatag voor andere gebeurtenissen configureren. Het volgende voorbeeld laat zien hoe je e-commercegebeurtenissen configureert wanneer de datalaag beschikbaar is.

Deze tag activeert elke e-commercegebeurtenis in de Data Layer. In dit voorbeeld eindigen alle e-commercegebeurtenissen op _stape, dus gebruiken we een reguliere expressie die alle gebeurtenissen met _stape vastlegt.

Voorbeeld van de variabele die gebruikersgegevens uit de Data Layer haalt.

Stap 4. Download vervolgens de Data Client van GitHub:

1. 1.
   Volg deze link.
2. 2.
   Klik op Code → ZIP downloaden.

Stap 5. Importeer nu de Data Client:

1. 1.
   Open je Server Google Tag Manager-container.
2. 2.
   Klik op Sjablonen.
3. 3.
   Klik onder Clients op Nieuw.
4. 4.
   Klik op de drie puntjes in de rechterbovenhoek.
5. 5.
   Klik op Importeren en selecteer de Data Client die je van GitHub hebt gedownload (mogelijk moet je het archief eerst uitpakken).
6. 6.
   Zodra het importeren is voltooid, klik je op Opslaan.

Stap 6. Open het tabblad Clients en klik op Nieuw → selecteer Data Client → klik op Opslaan.

Stap 7. Open de GTM-voorbeeldschermen voor Web en Server en test de configuratie. Je zou moeten zien dat de Data Tag wordt geactiveerd in de Web GTM-container en dat de Data Client de Data Tag-verzoeken verwerkt in sGTM.

Stap 1. Maak een configuratievariabele aan voor de URL van de servercontainer. Ga hiervoor als volgt te werk:

1. 1.
   Klik op het menu Variabelen.
2. 2.
   Klik op Nieuw onder de balk Door de gebruiker gedefinieerde variabele.
3. 3.
   Klik op de balk Variabeleconfiguratie.
4. 4.
   Selecteer het type Google-tag: Configuratie-instellingen.
5. 5.
   Klik op Parameter toevoegen.
6. 6.
   Voer de volgende parameters in:

   1. 6.1.
      Configuratieparameter: server_container_url.
   2. 6.2.
      Waarde: de URL van je Tag Manager-servercontainer.
7. 7.
   Geef je variabele een beschrijvende naam en klik op Opslaan.

Stap 2. Maak een Google Analytics 4-tag aan:

1. 1.
   Klik op het menu Tags.
2. 2.
   Klik op Nieuw.
3. 3.
   Klik op het tabblad Tagconfiguratie.
4. 4.
   Selecteer Google Analytics → Google-tag.
5. 5.
   Voer onder Tag-ID de ID uit uw GA4-account in (om deze te vinden, gaat u naar uw GA4 → klik op Beheer → Gegevensstromen → selecteer de stroom → bekijk Meet-ID).
6. 6.
   Selecteer onder Configuratie-instellingen de servercontainer-variabele die u eerder hebt aangemaakt.
7. 7.
   Zorg ervoor dat onder Triggering de optie Initialisatie - Trigger voor alle pagina’s is geselecteerd.
8. 8.
   Geef je tag een beschrijvende naam en klik op Opslaan.
9. 9.
   Klik op Publiceren om de container live te zetten.

Stap 3. Laten we vervolgens bekijken hoe je een GA4-gebeurtenis aanmaakt, met de Alle klikken-gebeurtenis als voorbeeld:

1. 1.
   Klik op het menu Tags.
2. 2.
   Klik op Nieuw.
3. 3.
   Klik op het tabblad Tagconfiguratie.
4. 4.
   Selecteer Google Analytics → Google Analytics: GA4-gebeurtenis.
5. 5.
   Voer je meting-ID in (uit het GA4-menu Datastromen).
6. 6.
   Geef je gebeurtenis een beschrijvende naam.
7. 7.
   Klik op Triggering → Alle klikken.
8. 8.
   Geef de tag een beschrijvende naam.
9. 9.
   Klik op Opslaan.

Vervolgens moet je het verzenden van je gebeurtenisgegevens naar je marketing- of analyseplatform configureren. De exacte stappen zijn afhankelijk van het platform dat je kiest. Bekijk onze handleidingen over de populaire platforms voor meer informatie:

• Hoe stel je de Meta Conversions API in
• Hoe stel je Google Analytics 4 (GA4)-tracking in
• Hoe stel je Google Ads-conversietracking in
• Andere platforms

De meeste populaire marketing- en analysetools ondersteunen al server-side tagging en hebben tags voor sGTM. Op onze site vindt u handleidingen voor de implementatie, bijvoorbeeld voor Facebook CAPI, TikTok Events API, Snapchat Conversions API, server-side Google Ads-tracking enzovoort.

Debugging van de GTM-download

Na activering of wijzigingen wordt aanbevolen te controleren of uw container daadwerkelijk op de site is geladen.

Ga hiervoor naar een willekeurige pagina op uw site, open de browserconsole en filter in het netwerktabblad op uw subdomein-/taggingserver-URL. U zou een verzoek moeten zien zoals in de onderstaande schermafbeelding met de antwoordstatus 200.

Debugging van datalaag-checkout-gebeurtenissen

Bij gebeurtenissen die plaatsvinden vóór de checkoutpagina werkt alles zoals op elk ander platform: u kunt een preview van uw web-GTM-container starten en alle gebeurtenissen bekijken.

Checkout-gebeurtenissen worden niet weergegeven in GTM Preview vanwege de geïsoleerde omgeving op deze pagina's, die onbeperkte DOM-manipulatie of scriptinjectie, inclusief het GTM-snippet, blokkeert.

U kunt het snippet echter handmatig op de checkoutpagina invoegen met behulp van de Chrome-extensie Stape GTM Helper:

1. 1.
   Nadat u Preview Mode in GTM hebt gestart, zet u de schakelaar Shopify Sandbox dataLayer aan op het tabblad Settings van de extensie.
2. 2.
   Klik op het tabblad Inject GTM op Enable injection, voeg uw domeinnaam en GTM-ID toe. Sla de wijzigingen op.

De gebeurtenissen op de checkoutpagina worden nu weergegeven in GTM Preview.

Server-side tagging wordt al snel een essentiële tool, die je conversie tracking en analytics veel nauwkeuriger maakt. Voor Shopify gebruikers maakt de Stape Conversion Tracking app deze krachtige setup verrassend eenvoudig. Het helpt je om de tracking snel op te starten, zelfs met aangepaste domeinen, en zorgt ervoor dat je gegevens soepel bewegen.

Door de levensduur van cookies te verlengen en browserprivacyfuncties tegen te gaan, garanderen deze tools dat je reclame- en marketingplatforms echt betrouwbare informatie krijgen. Als je op zoek bent naar een makkelijke, snelle manier om betere tracking inzichten te krijgen op Shopify, dan is Stape een goede keuze. Test het nu zelf - we weten zeker dat je niet teleurgesteld zult zijn!