Installer Google Tag Manager pour les pages Web

Restez organisé à l'aide des collections Enregistrez et classez les contenus selon vos préférences.

À propos de Tag Manager

Google Tag Manager est un système de gestion de balises qui vous permet de mettre à jour rapidement et facilement les balises sur votre site Web. L'installation de Tag Manager pour le Web nécessite un petit extrait de code que vous devez ajouter à vos pages Web. Ce code permet à Tag Manager de déclencher des balises en les insérant dans des pages Web.

Avant de commencer

Créez un compte et un conteneur Google Tag Manager. En savoir plus

Installation d'une page Web standard

Dans la plupart des cas, le moyen le plus simple de commencer est de trouver le code et les instructions dans Tag Manager.

  1. Dans Google Tag Manager, cliquez sur Espace de travail.
  2. Cliquez sur l'ID de votre conteneur (au format GTM-XXXXXX) en haut de la fenêtre pour ouvrir la fenêtre Installer Tag Manager.
    ID GTM
  3. Ajoutez la balise sur toutes les pages de votre site Web en suivant les instructions.
    Il est préférable de placer le premier bloc de code juste après la balise d'ouverture <head> de la page Web, ou le plus haut possible dans la balise <head>. Cela permet de s'assurer que votre configuration Tag Manager est disponible et prête lorsque le reste de la page se charge.
    Écran d&#39;installation de Tag Manager
  4. (Facultatif, mais recommandé) Installer un objet de couche de données Une couche de données permet d'obtenir des mesures plus robustes pour vos configurations de balises.
  5. Publiez votre conteneur.

Une fois l'installation de Tag Manager terminée, vous pouvez configurer toutes les balises à partir de Tag Manager.

Installations Web personnalisées

Dans de rares cas (par exemple, lors de la création d'un modèle pour un système de gestion de contenu ou un modèle d'e-commerce), vous pouvez coder une balise gtm.js personnalisée. Ajoutez le code suivant de sorte qu'il soit aussi proche que possible de la balise <head> d'ouverture sur chaque page de votre site Web. Remplacez GTM-XXXXXX par l'ID de votre conteneur:

<!-- 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://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXX');</script>
<!-- End Google Tag Manager -->

Ajoutez ensuite ce code immédiatement après l'élément d'ouverture <body> sur chaque page de votre site Web. Remplacez GTM-XXXXXX par l'ID de votre conteneur:

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

Obtenir des conseils de configuration spécifiques aux produits

Cliquez sur les liens ci-dessous pour découvrir comment configurer Tag Manager pour des produits spécifiques: