Custom GTM and GA4 Loader
Custom Loader helpt Google Tag Manager- en Google Analytics 4-scripts beter bestand te maken tegen ad blockers en Intelligent Tracking Prevention (ITP) door het laadpad van gtag.js en gtm.js aan te passen. Bovendien helpen een aangepaste lader en een aangepast domein bij het instellen van cookies van de eerste partij en verlengen ze de levensduur van cookies!
Custom Loader instellen
2. Selecteer je sGTM-container op het dashboard.
3. Klik op Power-ups en klik vervolgens op de knop ‘Use’ naast het paneel Custom Loader.
4. Zet de schakelaar Custom Loader aan of uit.
5. Configureer de aangepaste loader met de volgende instellingen:
- Domain - kies een van de domeinen die aan uw container zijn gekoppeld.
- Web GTM ID - plak uw Google Tag Manager-ID voor het web.
- Enhanced ad blocker protection - wanneer deze optie is ingeschakeld, worden al uw verzoeken aan de sGTM-server versleuteld, zodat adblockers deze niet kunnen blokkeren op basis van verzoekpatronen.
- Same Origin Path - Als u dezelfde oorsprong hebt geconfigureerd, geef dan het gebruikte pad op, en zowel GTM als GTAG JS worden via dezelfde oorsprong geladen. Lees hier meer over de same-origin-aanpak voor server-GTM.
- Platform - de web-GTM-code verschilt per e-commerceplatform. Als u Stape-applicaties voor CMS gebruikt, selecteer dan het platform uit de lijst. Selecteer anders de optie “Overig” om een JS-snippet te genereren. Meer informatie over Stape Conversion Tracking-apps voor CMS vindt u op onze pagina.
Installatie voor populaire platforms
Als je gebruikmaakt van het Shopify-, WordPress-, Magento-, BigCommerce-, Wix- of PrestaShop-platform, heb je een door Stape ontwikkelde app/plug-in/extensie nodig om Custom Loader in te stellen.
1. Download en configureer de app voor jouw platform:
- Shopify: downloadlink, configuratiehandleiding.
- WordPress: downloadlink, configuratiehandleiding.
- Magento: downloadlink, configuratiehandleiding.
- BigCommerce: downloadlink, configuratiehandleiding.
- Wix: downloadlink, configuratiehandleiding.
- PrestaShop: downloadlink, configuratiehandleiding.
2. Ga terug naar de configuratiepagina van Custom Loader. Zodra je alle code- en configuratiegegevens hebt ingevoerd, klik je op de knop Generate.
3. Volg de instructies in het Configuration om Custom Loader in je app in te stellen.
Instellingen voor andere platforms
Als u het platform ‘Overig’ selecteert, krijgt u een JS-code die u op uw site kunt gebruiken in plaats van de standaard GTM-loader. Voer de volgende aanvullende gegevens in om de code te configureren:
- User identifier type - beschikbaar als de optie ‘Genereren met Cookie Keeper’ is ingeschakeld (zie hieronder). De aanbevolen identificatiemethode is een cookie. Zie voor meer informatie hoe u een gebruikers-ID kiest.
- Cookie name - definieer de naam van de first-party cookie die als gebruikers-ID moet worden gebruikt.
U kunt op Geavanceerde instellingen klikken om aanvullende informatie in te voeren:
- Data Layer variable name - geef dit op als u een niet-standaard ‘dataLayer’ gebruikt; laat het anders leeg.
- Generate with Cookie Keeper - beschikbaar als u de Cookie Keeper-power-up hebt ingeschakeld. Indien ingeschakeld, voegt de code ook de Cookie Keeper-bewerking toe bij het laden van GTM.
- Set _xsd localStorage only after consent - wanneer ingeschakeld, slaat Stape de status van de adblocker alleen op in _xsd localStorage nadat toestemming voor analytics_storage is verleend in Google Consent Mode. Zonder toestemming wordt de detectie nog steeds uitgevoerd, maar wordt het resultaat niet opgeslagen tussen paginabezoeken. Indien uitgeschakeld, vindt het opslaan in localStorage plaats ongeacht de toestemmingsstatus.
6. Klik op Generate. U krijgt dan instructies over hoe u een Custom Loader aan uw site kunt toevoegen (of een JS-code als u het platform ‘Overig’ hebt geselecteerd).
Breng de nodige wijzigingen aan op uw website (voeg de code toe) of in de Stape-applicaties die u gebruikt.
Zorg er bij het toevoegen van de Custom Loader aan de site voor dat u ook de standaard GTM-loader verwijdert, mocht u die hebben.
Test de configuratie van de Custom Loader
Om te controleren of alles correct werkt, klikt u met de rechtermuisknop op een willekeurige webpagina → klik op Inspect → open het tabblad Network. Voer vervolgens uw aangepaste subdomein of hetzelfde oorsprongspad in, indien gebruikt.
Als alles correct is, zou u de Google Tag Manager-verzoek-URL en de statuscode “200 OK” moeten zien.
Hieronder ziet u een voorbeeld van het versleutelen van het GA4-verzoek met de actieve Custom Loader en de schakelaar voor verbeterde adblocker-bescherming:
En zo ziet het eruit zonder de Custom Loader en zonder dat de verbeterde adblocker-beveiliging is geconfigureerd:
Voordelen van Custom Loader
1. Stelt cookies van 1e partijen in.
2. Maakt GTM en GA4 bestand tegen AdBlockers en ITP's.
3. Houdt je gegevenstracering intact.
Gebruikscases van de power-up
Gerelateerd aan deze oplossing
Voordelen van Stape-hosting voor server Google Tag Manager
Ontdek de voordelen van Stape's sGTM hosting: power-ups voor ad blocker bypass & data enrichment, auto-connect aangepaste domeinen, autoscaling, API en meer.
Wat is server-side tracking?
Ontdek server-side tracking met Stape om de nauwkeurigheid van uw data te verbeteren, privacy te versterken en prestaties te optimaliseren. Leer de belangrijkste voordelen en hoe u het instelt.