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.
Reports

Installer le code de suivi HubSpot

Dernière mise à jour: November 21, 2018

Marketing Hub Free, Starter, Professional, Enterprise
free

Si vous n'hébergez pas l'intégralité de votre site web sur HubSpot ou que des pages sur votre site web ne sont pas hébergées sur HubSpot, il est nécessaire d'installer le code de suivi HubSpot sur les pages non hébergées par HubSpot afin de capturer ces analyses.

Le code de suivi HubSpot vous permet d'analyser :

  • Les performances de votre site web en matière de génération de trafic et de leads.
  • Les mesures que vous pouvez prendre pour accroître le trafic de votre site.
  • Des données relatives aux leads approfondies, qui vous aident à convertir plus de leads en clients.

Si vous utilisez une application unique, veuillez consulter la documentation des développeurs pour configurer le suivi.

Copier le code de suivi dans votre compte 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 à Rapports>Code de suivi.
  • Sous le champ Intégrer un code, cliquez sur Copier.Ou cliquez sur E-mail à mon développeur web pour envoyer le code de suivi à l'équipe de suivi qui l'installera sur votre site. 

Veuillez noter : l'utilisateur qui installe le code de suivi doit se connecter à HubSpot pour compléter les étapes. Si un informaticien ou un développeur web installe le code, un compte utilisateur HubSpot doit être créé pour eux afin de terminer le processus d'installation. 

copie-code-suivi

If you're a HubSpot CRM or Sales Hub user and you're setting up your prospects tool, you can access the tracking code from the prospects dashboard:

  • Depuis votre compte HubSpot, accédez à Reports > Analytics Tools.
  • Cliquez sur Prospects.
  • Cliquez sur Actions, puis sélectionnez voir le code de suivi.

code-depuis-prospects

  • Dans la boîte de dialogue, cliquez sur Copie.
Remarque : le code de suivi est différent pour chaque compte HubSpot et correspond au numéro de votre compte HubSpot.

Collez le code de suivi sur chaque page de site web

Paste the code immediately before the  tag in the HTML code for each page of your site.

Vous pouvez ensuite tester le code de suivi HubSpot pour vérifier qu'il fonctionne.

Vous trouverez ci-dessous de plus amples instructions pour intégrer le code sur différents hébergeurs de sites web : 

Note : suivez les instructions ci-dessous pour WordPress si vous n'utilisez pas le module de création de formulaire pour WordPress- Outils de conversion par HubSpot.

En savoir plus sur l'utilisation de l'outil de création de formulaire de Contact pour WordPress- Outils de conversion de HubSpot.

Note:car 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 ne savez pas comment accéder au code HTML de votre site, envoyer cet article à votre webmaster, à votre service informatique ou à vos ressources techniques.

La plupart des CMS et services informatiques disposent d'un système pour procéder à l'import groupé d'un code sur l'ensemble des pages d'un site. Il s'agit parfois d'un fichier de pied de page qui est repris sur toutes les pages. Si vous n'avez pas accès à votre système de gestion de contenu, envoyez ces instructions à la personne qui en a la charge.

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

S'il est recommandé d'utiliser le module de création de formulaire pour WordPress-Outils de Conversion par HubSpot, vous pouvez également installer le code de suivi manuellement. Si vous ajoutez manuellement le code de suivi et avez un compte Marketing Hub, Basique, Pro ou Entreprise HubSpot ne pourra pas différencier les articles par rapport aux pages dans le reporting. 

Remarque : si votre site est hébergé sur wordpress.com, vous ne pourrez pas y ajouter le code de suivi HubSpot. WordPress n'autorise pas ses utilisateurs à ajouter du code JavaScript aux sites wordpress.com, car il s'agit d'un environnement partagé. 

  • Suivez les étapes ci-dessus pour copier le code de suivi dans votre compte HubSpot. 
  • Connectez-vous à votre compte WordPress, puis accédez à l'éditeur dans la section Apparence>Éditeur dans le menu de la barre à gauche.  

  • 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

Note : 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électionner le fichier theme.liquidpour votre thème.  

  • Collez le code de suivi HubSpot juste avant la balise dans ce fichier.
  • Cliquez sur Sauvegarder dans l'angle supérieur droit.  

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 Drupal et sélectionnez Structure dans le menu de navigation principal. Ensuite, sélectionnez Blocs.    

  • Cliquez sur + Ajouter un bloc
  • Saisissez les champs pour votre nouveau bloc. Collez le code de suivi dans le champ du corps 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. Ensuite, suivez le guide de conception de l'utilisateur de Magento pour les instructions d'installation du code JavaScript tiers dans le code HTML de l'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 collez 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 pour toutes les pages et utiliser le menu déroulantpour sélectionner le code de chargement sur chaque nouvelle page.
  • Dans la section Placer le code dans, cliquez sur le bouton radio pour l'option fin du corps.
  • 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 et 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 . Puis cliquez sur Enregistrer

Installer le code de suivi sur un site Squarespace

  • Suivez les étapes ci-dessus pour copier le code de suivi dans votre compte HubSpot. 
  • Connectez-vous à votre compte Squarespace et accédez à Paramètres dans le menu latéral de gauche.  

  • 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, puis 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 et sélectionnez votre conteneur
  • Créez une balise pour le code de suivi HubSpot en cliquant sur Balises dans le menu latéral de gauche, puis sélectionnez Nouveau.  

  • Cliquez sur Configuration de la balise
  • Choisissez Balise HTML personnalisée pour le Type de balise. Indiquez un nom pour votre balise. 
  • Collez le code de suivi dans le champ HTML
  • Dans Configuration de la balise, cliquez sur Déclenchement afin de préciser le moment où la balise doit se déclencher. 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é (conseillé), sélectionnez l'option Toutes les pages.  

  • Cliquez sur Enregistrer pour enregistrer la nouvelle balise, puis cliquez sur Publier dans l'angle supérieur droit pour enregistrer le conteneur et les balises.  

  • Ajoutez le code Google tag Manager aux pages de votre site web avant la balise , s'il n'est pas déjà installé. Le code Google Tag Manager se trouve dans votre compte Google Tag Manager dans l'onglet Admin et dans Installer Google Tag Manager