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.

Ajouter un fichier JavaScript à HubSpot

Dernière mise à jour: novembre 3, 2023

Disponible avec le ou les abonnements suivants, sauf mention contraire :

Tous les produits et les abonnements

Vous pouvez héberger et modifier des 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 File > New file. Il se peut que vous deviez cliquer sur l'icône du dossier folder 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 JavaScript dans l'éditeur de code.
  • Si vous avez activé ESLint , vous pouvez voir les avertissements ou les erreurs JavaScript en cliquant sur l'interrupteur Show output .

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

Attacher un fichier JavaScript à un modèle

  • Dans l'outil de recherche à gauche, cliquez sur le modèle que vous souhaitez mettre à jour.
  • Dans l'inspecteur à droite, cliquez sur l'onglet Editer.
  • 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é par 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 à l'icône Paramètres settings dans la barre de navigation principale.
  • 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 Site footer HTML , collez l'URL publique comme valeur de la balise source du script : 
<!-- start Main.js Do Not Remove -->
<script src='insert your file's public URL here'></script>
<!---End Main.js-->
  • Cliquez sur Enregistrer

Ou, pour ajouter le fichier à une page individuelle :

  • Accédez à votre contenu :

    • Pages de site web : Depuis votre compte HubSpot, accédez à Marketing > Site web > Pages de site web.
    • Pages de destination : Depuis votre compte HubSpot, accédez à Marketing > Pages de destination.
  • Survolez la page que vous souhaitez modifier, puis cliquez sur Editer.
  • Dans l'éditeur de pages, cliquez sur le menu Settings et sélectionnez Advanced. .
  • Dans la section Footer HTML de la boîte de dialogue, collez l'URL publique comme valeur de la balise de script :
<!-- start Main.js Do Not Remove -->
<script src='insert your file's public URL here'></script>
<!---End Main.js-->
  • En haut à droite, cliquez sur Publish ou Update
Cet article vous a-t-il été utile ?
Ce formulaire n'est utilisé que pour recueillir du feedback sur la documentation. Découvrez comment obtenir de l'aide sur HubSpot.