Inclure jQuery sur toutes les pages

Incluez jQuery dans les pages hébergées par HubSpot si nécessaire pour les modules ou les scripts personnalisés qui en dépendent. Bien que de nombreux thèmes et modules récents ne dépendent plus de jQuery, il se peut que les ressources plus anciennes en aient besoin pour fonctionner correctement. Utilisez les paramètres jQuery pour gérer la compatibilité, choisir une version et décider du chargement de la bibliothèque sur vos pages.

Avant de commencer

Avant d’inclure jQuery sur les pages hébergées par HubSpot, assurez-vous de bien comprendre les étapes à suivre à l’avance, ainsi que les limites de la fonctionnalité et les conséquences potentielles de son utilisation. 

Compréhension des limites et des considérations

• Les paramètres appliqués à un sous-domaine spécifique remplacent les paramètres par défaut de tous les domaines.
• Certains modules, tels que le module de galerie d’images, nécessitent jQuery. La désactivation du paramètre Inclure jQuery ne supprimera pas jQuery s’il est requis par un module.
• La modification de l’endroit où jQuery se charge (en-tête ou pied de page) peut nécessiter des mises à jour des scripts qui en dépendent.

Inclure jQuery

1. Dans votre compte HubSpot, cliquez sur l'icône Paramètres settings dans la barre de navigation principale.
2. Dans le menu latéral de gauche, accédez à Contenu > Pages.
3. En haut de la page, cliquez sur le menu déroulant Sélectionnez un domaine pour modifier ses paramètres pour sélectionner les domaines que vous souhaitez modifier.
   • Pour modifier cette configuration pour tous les domaines, sélectionnez Paramètres par défaut pour tous les domaines.
   • Pour modifier cette configuration pour un sous-domaine spécifique, sélectionnez un domaine dans le menu déroulant. 
4. Dans la section jQuery de l’onglet Modèles , sélectionnez la case à cocher Inclure jQuery pour charger jQuery sur vos pages HubSpot.

5. Pour modifier la version de jQuery, cliquez sur le menu déroulant Version jQuery et sélectionnez une version :
   • 1.7.x : sélectionnez cette version si vous avez déjà construit votre logique en utilisant les dépendances d’une ancienne version de jQuery.
   • 1.11.x- Si vous sélectionnez cette version, il est également recommandé de cliquer sur la case à cocher Inclure le script jQuery migrate. Cela ajoutera un script à vos modèles pour améliorer la compatibilité avec les navigateurs précédents.
6. Par défaut, la bibliothèque jQuery sera chargée dans l’en-tête HTML des pages. Pour inclure jQuery dans le pied de page des pages, cochez la case Charger la bibliothèque jQuery incluse dans HubSpot à partir de votre pied de page .
   • Si vous incluez jQuery dans le pied de page, il est recommandé de déplacer également toutes les dépendances jQuery vers le pied de page.
   • Pour tester le chargement de vos pages avec jQuery dans le pied de page, ajoutez un élément
     ?hsMoveJQuerytoFooter=True à la fin de l’URL de votre page.
7. Lorsque vous avez terminé, cliquez sur Enregistrer dans l’angle inférieur gauche.

Remarque : Il est recommandé de consulter votre développeur web avant de déplacer jQuery dans le pied de page de vos pages. Si vous avez d'autres questions, , connectez-vous avec les concepteurs de HubSpot sur la communauté.