Mode propriétaire: charger des scripts Google via le taggage côté serveur

Cet article s'adresse aux développeurs qui utilisent le taggage côté serveur et souhaitent diffuser des scripts Google à partir de leurs propres serveurs.

Le taggage côté serveur vous permet de charger des scripts Google, tels que gtm.js ou gtag.js, directement à partir de votre serveur de taggage au lieu des serveurs de Google. Vous pouvez ainsi diffuser des données dans un contexte first party.

Ce guide suppose que vous avez effectué les opérations suivantes:

Pour commencer, choisissez votre option d'implémentation.

Étape 1: Configurer le client

Pour établir un contexte first party entre votre conteneur Web et votre serveur de taggage, les scripts Google doivent être chargés via votre serveur.

Pour charger des scripts Google via votre conteneur serveur:

  1. Ouvrir Google Tag Manager
  2. Dans votre conteneur serveur, cliquez sur Clients.
  3. Cliquez sur Nouveau.

  4. Sélectionnez le type de client Google Tag Manager: conteneur Web. Boîte de dialogue "Choisir un type de client" avec le client Tag Manager: conteneur Web mis en évidence

  5. Dans Configuration du client:

    • Ajouter un ID de conteneur: saisissez l'ID du conteneur Web Tag Manager que vous utiliserez sur votre site Web.
    • Diffuser automatiquement tous les scripts Google dépendants: lorsque cette option est activée (paramètre par défaut), le serveur de taggage diffuse automatiquement les scripts nécessaires au script Google racine. Vous n'avez donc plus besoin d'ajouter à la liste d'autorisation chaque conteneur requis par le script Google. Si vous ne souhaitez diffuser que le conteneur initial à partir du serveur de taggage, désélectionnez cette option.
    • Activer les paramètres propres à la région: utilisez cette option pour déclencher certaines balises en fonction de la localisation de l'utilisateur. En savoir plus

    Capture d'écran du client du conteneur Web Tag Manager

  6. Attribuez un nom au client, puis cliquez sur Enregistrer.

  7. Publiez l'espace de travail.

Étape 2: Mettre à jour le domaine source du script

Par défaut, Tag Manager ou gtag.js chargent leurs dépendances à partir des serveurs appartenant à Google (comme https://example.com/metrics). Vous devez modifier l'URL du script sur votre site pour les charger depuis votre propre serveur.

Pour charger le code GTM via votre conteneur serveur:

  1. Recherchez le code Tag Manager existant sur la page.

  2. Remplacez la chaîne https://example.com/metrics par le nom de domaine de votre serveur de taggage dans les <head> et <body> du code d'installation de Google Tag Manager.

    • Tête:
    <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://example.com/metrics/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXX');</script>
<!-- End Google Tag Manager -->
    • Corps du message :
    <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://example.com/metrics/ns.html?id=TAG_ID"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

Étape 3: Vérifiez la source de vos scripts

Les instructions suivantes vous expliquent comment effectuer des tests avec Google Chrome. Vous pouvez utiliser le navigateur de votre choix, mais les étapes peuvent varier.

Pour tester si votre conteneur serveur charge les dépendances:

  1. Ouvrez votre site Web dans un nouvel onglet de navigateur.
  2. Ouvrez les outils pour les développeurs du navigateur. Dans Google Chrome, vous pouvez faire un clic droit n'importe où sur la page, puis sélectionner Inspecter.

  3. Dans les outils pour les développeurs, ouvrez l'onglet Sources. Cette fenêtre affiche toutes les dépendances chargées lorsque vous avez ouvert le site Web.

    • ✅ Votre implémentation est correcte si gtm.js est chargé à partir de la source que vous avez spécifiée.

    Capture d&#39;écran des outils pour les développeurs avec votre propre serveur comme source des scripts Google

    • ❌ Si l'onglet Sources affiche www.googletagmanager.com comme source de gtm.js, les dépendances sont toujours chargées à partir des serveurs Google.

    Capture d&#39;écran des outils pour les développeurs avec www.googletagmanager.com comme source des scripts Google

    • Vérifiez si vous avez modifié l'URL source dans votre code. Pour ce faire, consultez l'étape 2.
    • Vérifiez si le code est en ligne.

Étapes suivantes

Si vous utilisez le mode Consentement, vous pouvez configurer le comportement des balises en fonction des régions pour bénéficier d'encore plus de contrôle.