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

1. Log in op uw Stape-account.

2. Kies de container. Klik op de Power-ups secties en klik naast de Custom Loader op de Configureer knop.

3. Voeg de volgende instellingen toe voor Custom Loader:

Domein - selecteer het benodigde domein uit de lijst met domeinen die zijn verbonden met je container.

Web GTM ID - voeg de Google Tag Manager ID voor het web toe. Lees in onze handleiding hoe je de web GTM-ID vindt.

Platform - de Custom Loader code verschilt per platform.

GA4 advertentieblok omzeilen - hiermee omzeil je de detectie van advertentieblokkeringen op de GA4-trackingcode. Merk op dat deze instelling van invloed is op alle containerdomeinen. Zorg ervoor dat u zowel de web- als server-GTM-containers debugt nadat u deze schakeloptie hebt ingeschakeld.

3.1 Als je het platform “Ander” selecteert, krijg je een JavaScript-code die je op je website kunt gebruiken in plaats van de standaard GTM-lader.

Opmerking: als je apps en plugins gebruikt die door Stape zijn ontwikkeld, hebben deze velden waarmee je rechtstreeks in de app/plugin/extensie een aangepaste lader kunt instellen.

Bij Stape hebben we apps, plugins en extensies ontwikkeld voor de volgende platforms:

• Shopify
• WordPress
• Magento
• BigCommerce
• PrestaShop
• Wix

4. Extra instellingen:

• Data Layer variabele naam - specificeer als je een niet-standaard ‘dataLayer’ gebruikt; anders leeg laten.
• Genereer met CDN - alleen beschikbaar als het geselecteerde domein een actieve Stape CDN heeft. Als deze optie is ingeschakeld, wordt de container geladen vanaf een server die dichter bij de bezoekers van uw website staat.
• Gebruik de originele GTM-code - als deze optie is ingeschakeld, wordt gtm.js niet vervangen en wordt de GTM-container-ID niet versleuteld. Als deze optie is ingeschakeld, is de bescherming tegen adblockers veel lager.
• Genereer met Cookie Keeper - beschikbaar als de Cookie Keeper power-up actief is. Als deze optie is ingeschakeld, voegt de code ook de werking van Cookie Keeper en het laden van GTM toe.
• Type gebruikersidentificatie - beschikbaar als de optie ‘Genereren met Cookie Keeper’ actief is. De aanbevolen identificatiemethode is Cookie. Zie het artikel over het kiezen van een gebruikersidentificatie voor meer informatie.

5. Klik op “Genereren”. Je krijgt nu instructies over hoe je een aangepaste lader aan je site kunt toevoegen. Houd er rekening mee dat het genereren alleen niets doet; u moet ook de nodige wijzigingen aanbrengen op de website (code toevoegen) of in de Stape-toepassingen als u die gebruikt.

Wanneer je de Custom Loader aan de site toevoegt, zorg er dan voor dat je ook de standaard GTM Loader verwijdert als je die hebt.

De installatie testen

Om te controleren of alles correct werkt, klik je op de rechterknop op een willekeurige websitepagina, → Inspecteer,“ en ga je naar het tabblad ”Netwerk". Voer vervolgens uw aangepaste subdomein in.

Als alles correct is, zou je de URL van het Google Tag Manager-verzoek en de statuscode 200 OK moeten zien, zoals in de onderstaande schermafbeelding:

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

• Voorkom blokkering van Google Tag Manager door Adblockers