Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.
Landing Pages

Ajoutez le code Google Tag Manager à vos pages

Dernière mise à jour: mars 30, 2021

Disponible avec :

Hub Marketing Starter, Professional, Enterprise
Hub CMS Professional, Enterprise
Ancienne version Hub Marketing Basique

Vous pouvez intégrer Google Tag Manager avec HubSpot pour gérer le suivi de plusieurs sources depuis un seul endroit. Pour plus d'informations à propos de Google Tag Manager, consultez le centre d'aide, qui comporte une page sur les questions courantes.

Intégrer à Google Tag Manager

Lorsque vous intégrez HubSpot avec Google Tag Manager, le gestionnaire de balises s'exécutera sur toutes les pages disposant du code de suivi HubSpot. Cela inclut automatiquement les pages hébergées par HubSpot.

  • Depuis votre compte HubSpot, accédez à l'icône Paramètres settings dans l'angle supérieur droit.
  • Dans le menu latéral de gauche, accédez à Site web > Pages.
  • Cliquez sur l'onglet Intégrations.
  • Sélectionnez la case à cocher Intégrer à Google Tag Manager.
  • Saisissez votre identifiant Google Tag Manager dans le champ de texte. Découvrez comment le trouver dans votre compte Google Tag Manager.

integrate-with-google-tag-manager

  • Cliquez sur Enregistrer pour appliquer les modifications.

Ajouter le code Google Tag Manager manuellement

Vous pouvez également ajouter manuellement le code Google Tag Manager à vos pages hébergées par HubSpot. Ceci est recommandé si vous souhaitez que seuls certains domaines hébergés sur HubSpot soient suivis de cette façon. Ces étapes s'appliquent uniquement aux comptes ayant accès aux paramètres du code HTML d'en-tête et de pied de page du site web.

Copier le code dans Google Tag Manager

  • Connectez-vous à votre compte Google Tag Manager.
  • Cliquez sur l'onglet Admin.
  • Cliquez sur le menu déroulant Conteneur et sélectionnez le conteneur qui contient vos balises.
  • Cliquez sur Installer Google Tag Manager
  • Sur l'écran suivant, vous pouvez copier les extraits de code (1) et (2) pour votre conteneur Google Tag Manager.

Ajouter le code Google Tag Manager à des pages HubSpot

Google conseille d'insérer le bloc de code Javascript (n° 1 sur la capture d'écran ci-dessus) dans la balise <head> de la page. Cette opération peut être effectuée via les paramètres dans le champ En-tête HTML du site.

Google précise également qu'il est préférable de placer l'extrait de code <noscript> (n° 2 sur la capture d'écran ci-dessus) après la balise ouvrante <body>. Lorsque vous ajoutez du code au corps de vos pages HubSpot sur l'ensemble de votre domaine, vous pouvez uniquement l'ajouter directement avant la balise fermante </body>. Cette opération peut être effectuée via les paramètres dans le champ Pied de page HTML du site.

  • Depuis votre compte HubSpot, accédez à l'icône Paramètres settings dans l'angle supérieur droit.
  • Dans le menu latéral de gauche, accédez à Site web Pages.
  • Cliquez sur le menu déroulant Sélectionnez un domaine pour modifier ses paramètres et sélectionnez un domaine. Pour ajouter le code à tous vos domaines hébergés sur HubSpot, sélectionnez Paramètres par défaut pour tous les domaines.
choose-a-domain-1

Remarque : Si vous ajoutez un code à l'en-tête ou au pied de page HTML d'un domaine spécifique, il supplantera tout autre code placé dans ces mêmes sections pour Paramètres par défaut pour tous les domaines. Découvrez-en davantage sur l'ordre selon lequel le code est appliqué à vos pages.

  • Ajoutez les extraits de code que vous avez copiés de Google Tag Manager :
    • Ajoutez votre bloc de code Javascript (1) dans le champ En-tête HTML du site.
    • Ajoutez votre bloc de code <noscript> (2) à la section Pied de page HTML du site.
  • Cliquez sur Enregistrer pour appliquer vos modifications.