Ignorer et passer au contenu principal
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: septembre 29, 2022

Disponible avec :

Tous les produits et les abonnements

Vous pouvez héberger et modifier les fichiers JavaScript dans le gestionnaire de conception. Apprenez à 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 gauche, cliquez sur Fichier > Nouveau fichier. Il se peut que vous deviez cliquer sur l'icône du dossier pour développer le menu.
  • Dans la boîte de dialogue, cliquez sur le menu déroulant What would you like to build today ? et sélectionnez JavaScript.

design-manager-new-file-javascript
  • Cliquez sur Suivant.
  • Dans le champ Nom du fichier , saisissez un nom pour votre fichier JavaScript.
  • Pour mettre à jour l'emplacement du fichier, dans la section Emplacement du fichier , cliquez sur Modifier et sélectionnez le dossier auquel ajouter le fichier.

design-manager-new-javascript-file

  • 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-javascript-show-output
  • Dans l'angle supérieur droit, cliquez sur Publier les modifications pour appliquer directement les modifications.

Attachez un fichier JavaScript à un modèle

  • Dans le chercheur à gauche, cliquez sur le modèle que vous voulez mettre à jour.
  • Dans l' inspecteur de droite, 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.

 

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

Inclure un fichier JavaScript sur les 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 accéder à l'URL publique du fichier :

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

design-manager-add-javascript-file

Pour ajouter le fichier à toutes vos pages HubSpot sur un domaine :
  • Depuis votre compte HubSpot, accédez à settings l'icône Paramètres dans l'angle supérieur droit.
  • Dans le menu latéral de gauche, accédez à Site web > Pages.
  • Cliquez sur le menu déroulant Choisissez un domaine pour modifier ses paramètres et sélectionnez le domaine auquel ajouter le fichier JavaScript. Vous pouvez sélectionner Paramètres par défaut pour tous les domaines si vous souhaitez que le fichier JavaScript s'applique à tous les domaines connectés
  • 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 pour la source de la balise 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.
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.