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.
Design Manager

Ajouter un fichier JavaScript à HubSpot

Dernière mise à jour: août 25, 2020

En version bêta

Disponible avec :

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

Dans votre gestionnaire de conception, vous pouvez héberger et modifier les fichiers JavaScript. Découvrez comment créer un fichier JavaScript et le lier à un modèle ou à un domaine.


Créer un fichier JavaScript

  • Depuis votre compte HubSpot, accédez à Marketing > Fichiers et modèles > Outils de conception.
  • Dans le menu latéral de gauche, cliquez sur Actions > Nouveau fichier. Il peut être nécessaire de cliquer sur l'icône du dossier folder pour développer le menu. 

new-file

  • Dans la boîte de dialogue, cliquez sur JavaScript

  • Dans la boîte de dialogue suivante, saisissez un nom pour votre fichier JavaScript et cliquez sur Créer.

  • Tapez ou collez votre code JavaScript dans l'éditeur de code. 
  • Si vous avez activé ESLint, vous pouvez voir les avertissements ou les erreurs JavaScript en cliquant sur le bouton Afficher le résultat.

    design-manager-coded-file-show-output
  • Dans l'angle supérieur droit, cliquez sur Publier les modifications pour appliquer directement les modifications.

Joindre votre fichier JavaScript à votre modèle

  • Dans l'outil de recherche, cliquez sur le modèle que vous souhaitez mettre à jour.
  • Dans l'inspecteur, cliquez sur l'onglet Modifier.
  • Dans la section Fichiers JavaScript liés, cliquez sur le menu déroulant Ajouter et sélectionnez votre fichier JavaScript.

attach-javascript-file

  • Dans l'angle supérieur droit, cliquez sur Publier les modifications pour appliquer directement les modifications.

Inclure votre fichier JavaScript sur vos pages HubSpot

Vous pouvez inclure votre fichier JavaScript sur toutes les pages d'un domaine hébergé sur HubSpot ou sur des pages individuelles en utilisant l'URL publique.

Pour obtenir l'URL publique du fichier :

  • Dans le menu latéral de gauche, sélectionnez votre fichier JavaScript.
  • Cliquez sur Actions > Copier l'URL publique.

Ensuite, pour ajouter le fichier à toutes vos pages HubSpot sur un domaine :
  • 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 Modifier et sélectionnez le domaine auquel ajouter le fichier JavaScript.
  • Dans la section HTML du pied de page, collez l'URL publique comme valeur pour la source de la balise du script : 
<!-- start Main.js Do Not Remove -->
<script src='insérez l'URL publique de votre fichier ici'></script>
<!---End Main.js-->
  • Cliquez sur Enregistrer

Ou, pour ajouter le fichier à une page individuelle :

  • Dans votre compte HubSpot, accédez à Marketing> Site web > Pages de site web ou Pages de destination.
  • Passez le curseur de la souris sur la page que vous souhaitez modifier, puis cliquez sur Modifier.
  • Dans l'éditeur de page, cliquez sur l'onglet Paramètres.
  • Cliquez sur options avancées.
  • Dans la section HTML du pied de page, collez l'URL publique comme valeur de la source de la balise de script :
<!-- start Main.js Do Not Remove -->
<script src='insérez l'URL publique de votre fichier ici'></script>
<!---End Main.js-->
  • Pour publier vos modifications sur la page en ligne, cliquez sur Mettre à jour.
/fr/cos-general/add-a-javascript-file-to-hubspot