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
2. Sélectionnez votre conteneur sGTM sur le tableau de bord.
3. Cliquez sur "Power-ups", puis sur le bouton "Use" situé à côté du panneau Custom Loader.
4. TActivez ou désactivez l'option Custom Loader.
5. Configure Custom Loader with the following settings:
- Domain - choisissez l'un des domaines associés à votre conteneur.
- Web GTM ID - collez votre ID Google Tag Manager Web.
- Enhanced ad blocker protection - lorsque cette option est activée, toutes vos requêtes vers le serveur sGTM seront chiffrées afin que les bloqueurs de publicités ne puissent pas les bloquer en fonction des modèles de requêtes.
- Same Origin Path - si vous avez configuré la même origine, spécifiez le chemin utilisé, et GTM ainsi que GTAG JS seront chargés via la même origine. Pour en savoir plus sur l'approche de même origine pour le GTM serveur, cliquez ici.
- Platform - le code GTM Web diffère selon la plateforme de commerce électronique. Si vous utilisez les applications Stape pour CMS, sélectionnez la plateforme dans la liste. Sinon, sélectionnez l'option « Autre » pour générer un snippet JS. Vous pouvez en savoir plus sur les applications Stape Conversion Tracking pour CMS sur notre page.
Configuration pour les plateformes les plus courantes
Si vous utilisez les plateformes Shopify, WordPress, Magento, BigCommerce, Wix ou PrestaShop, vous aurez besoin d'une application, d'un plugin ou d'une extension spécifique développée par Stape pour configurer Custom Loader.
1. Téléchargez et configurez l'application adaptée à votre plateforme:
- Shopify: lien de téléchargement, guide de configuration.
- WordPress: lien de téléchargement, guide de configuration.
- Magento : lien de téléchargement, guide de configuration.
- BigCommerce: lien de téléchargement, guide de configuration.
- PrestaShop: lien de téléchargement, guide de configuration.
2. Retournez à la page de configuration de Custom Loader. Une fois que vous avez saisi toutes les informations relatives au code et à la configuration, cliquez sur le bouton Generate.
3. Suivez les instructions du panneau de configuration pour configurer Custom Loader dans votre application.
Configuration pour les autres plateformes
Si vous sélectionnez la plateforme « Autre », un code JS vous sera fourni à utiliser sur votre site à la place du chargeur GTM standard. Pour configurer ce code, saisissez les informations supplémentaires suivantes:
- User identifier type - disponible si l'option “Generate with Cookie Keeper” est activée (voir ci-dessous). La méthode d'identification recommandée est un cookie. Pour plus de détails, consultez la section Comment choisir un identifiant utilisateur.
- Cookie name - définissez le nom du cookie propriétaire à utiliser comme identifiant utilisateur.
Vous pouvez cliquer sur "Advanced settings" pour saisir des informations supplémentaires:
- Data Layer variable name - indiquez-le si vous utilisez un « dataLayer » non standard ; sinon, laissez ce champ vide.
- Generate with Cookie Keeper - cette option est disponible si l'extension Cookie Keeper est activée. Si elle est activée, le code ajoutera également l'opération Cookie Keeper lors du chargement de GTM.
- Set _xsd localStorage only after consent - lorsque cette option est activée, Stape stocke l'état du bloqueur de publicités dans _xsd localStorage uniquement après que le consentement analytics_storage a été accordé en mode de consentement Google. Sans consentement, la détection s'effectue toujours, mais le résultat n'est pas enregistré entre les visites de pages. Si cette option est désactivée, l'enregistrement dans localStorage aura lieu quel que soit le statut du consentement.
6. Cliquez sur Generate. Générer. Vous recevrez alors des instructions sur la manière d'ajouter un chargeur personnalisé à votre site (ou un code JS si vous avez sélectionné la plateforme « Autre »).
Apportez les modifications nécessaires à votre site web (ajoutez le code) ou dans les applications Stape que vous utilisez.
Lorsque vous ajoutez le chargeur personnalisé au site, veillez à supprimer également le chargeur GTM standard si vous en avez un.
Testez la configuration du Custom Loader
Pour vérifier que tout fonctionne correctement, cliquez avec le bouton droit de la souris sur n'importe quelle page du site web → cliquez sur Inspecter → ouvrez l'onglet Réseau. Ensuite, saisissez votre sous-domaine personnalisé ou le chemin d'origine identique s'il est utilisé.
Si tout est correct, vous devriez voir l'URL de la requête Google Tag Manager et le code d'état “200 OK”.
Voici un exemple de cryptage de la requête GA4 avec le Custom Loader actif et la protection améliorée contre les bloqueurs de publicités activée:
Et voici à quoi cela ressemble sans le Custom Loader et sans la protection améliorée contre les bloqueurs de publicités configurée:
Avantages de Custom Loader
- Définit des cookies de première partie.
- Rend GTM et GA4 résistants aux bloqueurs de publicités et aux ITP.
- Maintient intact le suivi des données.
Cas d'utilisation du power-up
Articles de blog pertinents
Avantages de l'hébergement Stape pour le serveur Google Tag Manager
L'hébergement de votre serveur Google Tag Manager sur une stape est la meilleure façon de configurer le balisage côté serveur. Voici pourquoi...
Qu'est-ce que c’est le suivi côté serveur?
Vous vous demandez ce qu'est le balisage côté serveur et comment il fonctionne? Cet article de blog explorera tout cela et plus encore!