--- title: Installer le code de suivi HubSpot description: Si vous n'hébergez pas l'ensemble de votre site web avec HubSpot, découvrez comment installer le code de suivi sur votre site web en suivant les instructions spécifiques à votre hébergeur de site web. --- # [Installer le code de suivi HubSpot](https://knowledgeqa.hs-sites.com/fr/reports/install-the-hubspot-tracking-codezorsewidget) Rédigé par [HubSpot Support](https://knowledgeqa.hs-sites.com/fr/author/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](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/settings/add-and-remove-users). - Si vous utilisez une application d'une seule page, reportez-vous [à la documentation](https://developers.hubspot.com/docs/methods/tracking_code_api/tracking_code_overview) 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](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/reports/set-up-tracking-for-your-site-domains) 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](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/reports/how-do-i-know-if-my-hubspot-tracking-code-is-working).  ### 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](https://knowledgeqa.hs-sites.com/getting-started-with-hubspot-sales/prospects-overview) 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](https://wordpress.org/plugins/leadin/). - 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](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/conversations/create-chatflows) à 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](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/reports/how-do-i-know-if-my-hubspot-tracking-code-is-working) 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](https://wordpress.org/plugins/leadin/), 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](https://wordpress.com/pricing/). Les autres plans (par exemple Premium, personnel) [ne permettent pas aux utilisateurs d'ajouter un code JavaScript](https://en.support.wordpress.com/code/#javascript). - Suivez les [étapes ci-dessus](https://knowledgeqa.hs-sites.com/fr/reports/install-the-hubspot-tracking-codezorsewidget?hs_amp=true#copy) 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](https://knowledge.hubspot.com/fr/articles/kcs_article/integrations/how-do-i-use-the-shopify-integration), il n'est pas nécessaire d'installer séparément le code de suivi. - Suivez les [étapes ci-dessus](https://knowledgeqa.hs-sites.com/fr/reports/install-the-hubspot-tracking-codezorsewidget?hs_amp=true#copy) 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](https://knowledgeqa.hs-sites.com/fr/reports/install-the-hubspot-tracking-codezorsewidget?hs_amp=true#copy) 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](https://knowledgeqa.hs-sites.com/fr/reports/install-the-hubspot-tracking-codezorsewidget?hs_amp=true#copy) pour copier le code de suivi HubSpot dans votre compte HubSpot. Suivez ensuite le [guide de conception](http://merch.docs.magento.com/ee/user_guide/Magento_Enterprise_Edition_User_Guide.html#design/design-html-head.html%3FTocPath%3DDesign%2520%2526%2520Theme%7CPage%2520Setup%7C_____1) 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](https://knowledgeqa.hs-sites.com/fr/reports/install-the-hubspot-tracking-codezorsewidget?hs_amp=true#copy) 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](https://knowledgeqa.hs-sites.com/fr/reports/install-the-hubspot-tracking-codezorsewidget?hs_amp=true#copy). Vous pouvez sélectionner une extension dans [l'annuaire de Joomla](http://extensions.joomla.org/), 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](https://knowledgeqa.hs-sites.com/fr/reports/install-the-hubspot-tracking-codezorsewidget?hs_amp=true#copy) 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](https://knowledgeqa.hs-sites.com/fr/reports/install-the-hubspot-tracking-codezorsewidget?hs_amp=true#copy) 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. - Si vous ne l'avez pas déjà fait, [installez Google Tag Manager sur votre site web](https://support.google.com/tagmanager/answer/6103696?hl=en#install).   [Voir l'article complet](https://knowledgeqa.hs-sites.com/fr/reports/install-the-hubspot-tracking-codezorsewidget) ```json { "@context" : "http://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "HubSpot Support" }, "dateModified" : "2020-07-08T13:44:01.009Z", "datePublished" : "2020-07-07T04:00:00Z", "headline" : "Installer le code de suivi HubSpot", "image" : { "@type" : "ImageObject", "height" : 60, "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png", "width" : 60 }, "mainEntityOfPage" : "https://knowledgeqa.hs-sites.com/fr/reports/install-the-hubspot-tracking-codezorsewidget", "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "height" : 60, "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png", "width" : 60 }, "name" : "FR | Knowledge Quick Answers" } } ```