Installer le code de suivi HubSpot

Rédigé par HubSpot Support | 7 Jul 2020 à 4:00:00

Le code de suivi HubSpot vous aide à surveiller le trafic de votre site web. Le code de suivi est automatiquement inclus dans les articles de blog, les pages de destination et les pages de site web HubSpot. Si vous disposez de pages sur votre site web qui ne sont pas hébergées sur HubSpot, vous devez installer le code de suivi HubSpot pour capturer les analytics pour ces pages. 

Remarque :

  • Vous ne devez pas installer plusieurs codes de suivi HubSpot sur une page. S'il y a plusieurs codes de suivi HubSpot installés, le premier à se charger sur la page s'activera ; tout code de suivi HubSpot subséquent ne fonctionnera pas.
  • Si votre administrateur informatique ou développeur web installe le code, il doit disposer d'un compte utilisateur HubSpot.
  • Si vous utilisez une application d'une seule page, reportez-vous à la documentation des développeurs pour configurer le suivi.
  • Si vous hébergez des domaines ou sous-domaines entiers en externe, vous devez également ajouter vos domaines et/ou sous-domaines à vos paramètres dans HubSpot.
  • Le code de suivi n'est pas pris en charge sur les sites AMP. 

Copier le code de suivi depuis votre compte HubSpot

Suivez les étapes ci-dessous pour copier et installer votre code de suivi. Si vous avez déjà installé le code de suivi, découvrez comment vérifier l'installation et le dépannage. 

Configurez le suivi des analytics sur votre site web externe

Si vous êtes un utilisateur Hub Marketing qui ajoute le code de suivi à son site web externe :

  • 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 aux paramètres de Suivi et d'analyse des rapports :
    • Dans les comptes Hub Marketing Pro, Entreprise et Basique (Legacy), accédez à Rapports > Code de suivi.
    • Dans les comptes Hub Marketing Starter et CRM gratuits, accédez au Code de suivi.
  • Sous la section Intégrer le code, cliquez sur Copier ou cliquez sur Envoyer par e-mail à mon développeur web pour envoyer le code de suivi au membre de l'équipe qui l'installera sur votre site.

Configurez l'outil prospects

Pour configurer l'outil prospects dans votre compte CRM HubSpot ou dans Hub Sales :

  • Depuis votre compte HubSpot, accédez à Reports > Analytics Tools. 
  • Cliquez sur Prospects.
  • Si vous configurez l'outil de prospects pour la première fois :
    • Cliquez sur Installer HubSpot sur votre site web.
    • Dans le panneau de droite, sélectionnez Non, puis cliquez sur Suivant.
    • Cliquez sur Copier pour copier le code de suivi.

Remarque : si vous utilisez WordPress, sélectionnez Oui, puis cliquez sur Suivant, pour accéder à un lien vers le plug-in HubSpot tout-en-un Marketing-Formulaires, Pop-ups, Chat en direct WordPress.

  • Si vous avez déjà configuré l'outil prospects :
    • Dans le coin supérieur droit, cliquez sur le menu déroulant Actions et sélectionnez Afficher le code de suivi.
    • Dans la boîte de dialogue, cliquez sur Copier.

Ajouter un chatflow à votre site web

  • Dans votre compte HubSpot, accédez à Conversations > Boîte de réception.
  • Cliquez sur Paramètres de boîte de réception dans l'angle inférieur gauche, puis sélectionnez Chat. 
  • Cliquez sur l'onglet Code de suivi.  
  • Cliquez sur Copier ou saisissez une adresse e-mail pour envoyer le code à votre développeur web ou à votre ressource informatique. 

Remarque : Le code de suivi est différent pour chaque compte HubSpot ; vous devez copier le code directement depuis votre compte.

  • Collez le code juste avant la balise de fermeture dans le code HTML de chaque page de votre site. Vous pouvez ensuite tester le code de suivi HubSpot pour vérifier qu'il fonctionne.


Installer le code de suivi sur votre site web

La plupart des systèmes de gestion de contenu et des services informatiques peuvent déployer un morceau de code sur toutes les pages de votre site, comme un fichier de pied de page qui est référencé sur toutes les pages.

Remarque : Comme chaque site/CMS est structuré différemment, ces étapes ne peuvent pas être les instructions précises de l'accès au code HTML. Si vous n'êtes pas sûr de la façon d'accéder au code HTML de votre site, envoyez cet article à votre webmaster, votre service informatique ou votre ressource technique.
 

Installez le code de suivi sur un site web WordPress sans plug-in

Bien qu'il soit recommandé d'utiliser le plug-in HubSpot tout-en-un Marketing-Formulaires, Pop-ups, Chat en direct WordPress, vous pouvez également installer le code de suivi manuellement. Si vous ajoutez manuellement le code de suivi et que vous possédez un compte Marketing Hub Basic, Pro, ou Entreprise, HubSpot ne sera pas en mesure de différencier les articles WordPress des pages d'analyse.

Remarque : Si votre site est hébergé sur WordPress.com, vous ne pourrez pas ajouter le code de suivi HubSpot à votre site web à moins que vous ne soyez sur leur Plan d'affaires. Les autres plans (par exemple Premium, personnel) ne permettent pas aux utilisateurs d'ajouter un code JavaScript.

  • Suivez les étapes ci-dessus pour copier le code de suivi HubSpot dans votre compte HubSpot.
  • Connectez-vous à votre compte WordPress.
  • Dans le menu latéral de gauche, accédez à Apparence > Éditeur.
  • Dans la liste des fichiers thèmes à droite de l'éditeur, sélectionnez pied de page.
  • Collez le code de suivi et sélectionnez Mettre à jour le fichier.

 

Installez le code de suivi sur un site Shopify

Remarque : Si vous utilisez l'intégration Shopify, il n'est pas nécessaire d'installer séparément le code de suivi.

  • Suivez les étapes ci-dessus pour copier le code de suivi HubSpot dans votre compte HubSpot.
  • Connectez-vous à votre tableau de bord d'administrateur Shopify.
  • Dans le menu latéral de gauche, accédez à Boutique en ligne > Thèmes.
  • Cliquez sur le menu déroulant Actions et sélectionnez Modifier le code.
  • Sélectionnez le fichier theme.liquid pour votre thème.

  • Collez votre code de suivi HubSpot juste avant la balise dans ce fichier.
  • Au coin supérieur droit, cliquez sur Enregistrer.

 

Installez le code de suivi sur un site Drupal

  • Suivez les étapes ci-dessus pour copier le code de suivi HubSpot dans votre compte HubSpot.
  • Connectez-vous à votre tableau de bord d'administrateur Drupal.
  • Dans le menu de navigation principal, accédez à Structure.
  • Cliquez sur Blocs.

  • Cliquez sur + Ajouter un bloc.
  • Saisissez les champs pour votre nouveau bloc. Collez le code de suivi dans le champ du corps du bloc, puis cliquez sur Enregistrer le bloc.

 

Installer le code de suivi sur un site Magento

Suivez les étapes ci-dessus pour copier le code de suivi HubSpot dans votre compte HubSpot. Suivez ensuite le guide de conception de Magento pour obtenir des instructions sur l'installation du code JavaScript tiers dans le lien HTML d'en-tête.

 

Installer le code de suivi sur un site Wix

Utilisez le marché d'application dans Wix pour ajouter un widget HTML à votre page :

  • Suivez les étapes ci-dessus pour copier le code de suivi HubSpot dans votre compte HubSpot.
  • Accédez à votre gestionnaire de site.
  • Dans le menu latéral de gauche, accédez à Suivi et analytics.
  • Cliquez sur personnaliser ou Ajouter un nouvel outil > Personnaliser.
  • Collez le code de suivi dans le champ Coller le bloc de code ici.
  • Définissez le Nom du nouvel outil du code de suivi de HubSpot.
  • Dans Ajouter un code aux pages, cliquez sur le bouton radio de Toutes les pages et utilisez le menu déroulant pour sélectionner le Code de chargement sur chaque nouvelle page.
  • Dans Code de position dans la section, cliquez sur le bouton radio de l'option Corps - Fin.
  • Cliquez sur Appliquer pour enregistrer les modifications.
 
 

Installer le code de suivi sur un site Joomla

Il existe deux façons d'ajouter le code de suivi HubSpot sur votre site Joomla. Dans les deux cas, vous devez d'abord copier le code de suivi HubSpot en suivant les étapes ci-dessus.

Vous pouvez sélectionner une extension dans l'annuaire de Joomla, où vous pourrez coller le code de suivi HubSpot. Vous avez également la possibilité de suivre les étapes ci-dessous pour installer le code de suivi :

  • Connectez-vous à votre compte Joomla en tant qu'administrateur.
  • Dans le menu de navigation principal, accédez à Extensions > Modèles > Modèles.
  • Cliquez sur le nom du modèle et sélectionnez index.php dans le menu latéral de gauche.
  • Collez le code de suivi HubSpot directement au-dessus de la balise .
  • Cliquez sur Enregistrer.

 

Installer le code de suivi sur un site Squarespace

  • Suivez les étapes ci-dessus pour copier le code de suivi HubSpot dans votre compte HubSpot.
  • Connectez-vous à votre compte Squarespace.
  • Dans le menu latéral de gauche, accédez à Paramètres.
  • Dans la section Site web du menu, accédez à Avancé, puis sélectionnez Injection de Code.
  • Collez le code de suivi dans le champ Titre.
  • Dans le coin supérieur gauche, cliquez sur Enregistrer.

 

Installer le code de suivi en utilisant Google Tag Manager

  • Suivez les étapes ci-dessus pour copier le code de suivi HubSpot dans votre compte HubSpot.
  • Dans un nouvel onglet ou une nouvelle fenêtre, connectez-vous à votre compte Google Tag Manager.
  • Sélectionnez votre conteneur.
  • Dans le menu latéral de gauche, accédez à Balises.
  • Cliquez sur Nouveau.

  • Cliquez sur Configuration de la balise.
  • Pour le type de balise, choisissez Balise HTML personnalisée. Puis, donnez un nom à votre balise.
  • Collez le code de suivi dans le champ HTML.
  • Dans Configuration de la balise, cliquez sur Déclenchement afin de définir la règle de déclenchement. Si aucune règle de déclenchement n'est définie, la balise ne sera pas déclenchée et les analytics HubSpot ne seront pas collectés.
  • Afin que la balise soit déclenchée pour toutes les pages où le code Google Tag Manager a été installé (recommandé), sélectionnez l'option Toutes les pages.

  • Cliquez sur Enregistrer pour enregistrer la nouvelle balise.
  • Dans le coin supérieur droit, cliquez sur Publier le conteneur et les balises.

 

 
Voir l'article complet