Custom GTM Loader

Custom Loader aide à rendre les scripts de Google Tag Manager et Google Analytics 4 plus résistants aux bloqueurs de publicités et aux ITP en modifiant le chemin de chargement de gtag.js et gtm.js. De plus, un Custom Loader et un Custom Domain permettent de définir des cookies de première partie et de prolonger la durée de vie des cookies.

Comment configurer Custom Loader

1. Connectez-vous à votre compte Stape.io.

2. Choisissez le conteneur. Cliquez sur la section Power-ups et, à côté de Custom Loader, cliquez sur le bouton Configurer.

3. Ajoutez les paramètres suivants pour Custom Loader:

Domain - sélectionnez le domaine nécessaire dans la liste des domaines connectés à votre conteneur.

Web GTM ID - ajoutez l'ID de Google Tag Manager pour le web. Découvrez comment trouver l'ID de GTM web dans notre guide.

Platform - le code du chargeur personnalisé diffère en fonction de la plateforme.

GA4 ad block bypass - permet de contourner l'impact des bloqueurs de publicités sur le code de suivi GA4. Notez que ce paramètre affectera tous les domaines des conteneurs. Assurez-vous de déboguer à la fois les conteneurs GTM web et serveur après avoir activé cette option.

3.1 Si vous sélectionnez la plateforme “Autre”, un code JavaScript vous sera fourni à utiliser sur votre site web à la place du chargeur standard de GTM.

Remarque: Si vous utilisez des applications et des plugins développés par Stape, ces derniers disposent de champs permettant de configurer directement le Custom Loader dans l'application/plugin/extension.

Chez Stape, nous avons développé des applications, des plugins et des extensions pour les plateformes suivantes:

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

4. Paramètres supplémentaires:

• Data Layer variable name - spécifiez si vous utilisez un 'dataLayer' non standard ; sinon, laissez-le vide.
• Generate with CDN - disponible uniquement si le domaine sélectionné dispose d'un CDN Stape actif. Si activé, le conteneur sera chargé depuis un serveur plus proche de vos visiteurs de site web.
• Use the original GTM code - si activé, gtm.js ne sera pas remplacé et votre ID de conteneur GTM ne sera pas crypté. Avec cette option activée, la protection contre les bloqueurs de publicités sera bien moindre.
• Generate with Cookie Keeper - disponible si vous avez activé le power-up Cookie Keeper. Si activé, le code ajoutera également le fonctionnement de Cookie Keeper et le chargement de GTM.
• User identifier type - disponible si l'option “Générer avec Cookie Keeper” est activée. La méthode recommandée pour l'identification est Cookie. Pour plus de détails, consultez l'article sur la façon de choisir un identifiant utilisateur.

5. Cliquez sur Générer. Vous recevrez ensuite des instructions sur la façon d'ajouter le Custom Loader à votre site. Veuillez noter que générer le code seul ne suffit pas ; vous devez également apporter les modifications nécessaires sur le site web (ajouter le code) ou dans les applications Stape si vous en utilisez.

Lorsque vous ajoutez le Custom Loader au site, assurez-vous également de supprimer le chargeur standard de GTM si vous en avez un.

Testez la configuration

Pour vérifier si tout fonctionne correctement, cliquez avec le bouton droit sur n'importe quelle page du site, sélectionnez Inspecter et allez dans l'onglet Réseau. Ensuite, entrez votre sous-domaine personnalisé.

Si tout est correct, vous devriez voir l'URL de la requête de Google Tag Manager et le code d'état 200 OK, comme indiqué dans la capture d'écran ci-dessous :

Avantages de Custom Loader

1. Définit des cookies de première partie.
2. Rend GTM et GA4 résistants aux bloqueurs de publicités et aux ITP.
3. Maintient intact le suivi des données.

Cas d'utilisation du power-up

• Avoid Google Tag Manager blocking by Adblockers