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: juin 15, 2022

En version bêta

Disponible avec :

Marketing Hub Pro, Entreprise
CMS Hub Starter, Pro, Entreprise
Ancienne version Marketing Hub Basique

Vous pouvez héberger et modifier des fichiers JavaScript dans le gestionnaire de conception.


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 Fichier > Nouveau fichier. Il peut être nécessaire de cliquer sur l'icône du  dossier du dossier pour développer le menu (menu). 
  • Dans la boîte de dialogue ,

design-manager-new-file-javascript
  • Cliquez sur Suivant.
  • Dans le champ Nom de 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-nouveau-fichier-javascript

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

Joindre un fichier JavaScript à un modèle

  • Dans l'outil de recherche sur la gauche, cliquez sur le modèle que vous souhaitez mettre à jour.
  • Dans l'inspecteur sur la 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'

  • 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 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 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.
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.