Ajouter un fichier JavaScript à HubSpot

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

• Dans votre compte HubSpot, accédez à Contenu > Gestionnaire 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.

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

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

• Dans votre compte HubSpot, cliquez sur l'icône Paramètres settings dans la barre de navigation principale.
• Dans le menu latéral de gauche, naviguez vers Content > 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 : Dans votre compte HubSpot, accédez à Contenu web > Pages de site web.
  • Pages de destination : Dans votre compte HubSpot, accédez à Contenu > 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.