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.
Landing Pages

Résoudre les avertissements de contenu mixte sur un site SSL

Dernière mise à jour: août 19, 2021

Disponible avec :

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

Si votre site web hébergé sur HubSpot est configuré à l'aide de SSL (HTTPS), le chargement des ressources chargées sur HTTP sera bloqué par votre navigateur. HubSpot s'assure automatiquement que toutes les ressources hébergées par HubSpot sont sans protocole afin de garantir leur chargement. Cependant, si vous chargez des ressources à partir d'un serveur externe via HTTP, la ressource ne sera pas chargée une fois SSL activé.

Vous pouvez voir toutes les ressources qui sont bloquées dans la console Javascript des outils de développeur de votre navigateur.

Pour résoudre les avertissements de contenu mixte pour les ressources chargées à partir d'un domaine externe à HubSpot, utilisez la version HTTPS de l'URL, si possible. Si le site externe ne prend pas en charge les requêtes HTTPS, vous devrez contacter l'administrateur de ce domaine pour voir s'il peut rendre son contenu disponible via HTTPS. Comme alternative, si le fichier source ne prend pas en charge le protocole HTTPS, téléchargez la ressource dans votre gestionnaire de fichiers et référencez cette URL. 

Avertissements liés à du contenu mixteLa console des outils de développeur peut vous aider à identifier les fichiers bloqués. Voici quelques emplacements type dans HubSpot où des requêtes sont susceptibles d'être envoyées à ces ressources non sécurisées. 

Sources d'avertissements liés à du contenu mixte

L'une des sources courantes d'avertissements liés à du contenu mixte sont les fichiers externes à HubSpot dans la feuille de style de votre site. 

  • Références @font-face qui chargent les polices externes
  • URL des images d'arrière-plan 
  • @Importations de feuilles de style externes

De plus, si vous utilisez des scripts personnalisés qui font référence à des ressources externes, vous pouvez également mettre à jour ces fichiers.

Scripts et feuilles de style

Si vous joignez des feuilles de style externes à la <head> section ou au pied de page de votre site, de votre modèle ou de votre page, vous devrez vous assurer que ces fichiers prennent en charge les requêtes HTTPS. Vous pouvez ajouter ces références à HubSpot aux emplacements suivants :

Paramètres du site web

  • Depuis votre compte HubSpot, accédez à l'icône Paramètres settings dans l'angle supérieur droit.
  • Dans le menu latéral de gauche, accédez à Site web > Pages.
  • Utilisez le menu déroulant Modifier pour choisir le domaine où vous ajoutez les feuilles de style. Vous pouvez également choisir Tous les domaines pour joindre la feuille de style à tous vos domaines hébergés sur HubSpot.
  • Recherchez les champs En-tête HTML du site et/ou Pied de page HTML du site

Paramètres du blog

  • Depuis votre compte HubSpot, accédez à l'icône Paramètres settings dans l'angle supérieur droit. 
  • Dans le menu latéral de gauche, accédez à Site web > Blog
  • Utilisez le menu déroulant Sélectionner un blog à modifier pour sélectionner un blog à modifier. 
  • Cliquez sur l'onglet Modèles.
  • Recherchez la section HTML.

Gestionnaire de conception

  • Depuis votre compte HubSpot, accédez à Marketing > Fichiers et modèles > Outils de conception.
  • Sélectionnez un modèle dans la fenêtre de recherche, puis mettez à jour la section Balise <head> supplémentaire.

Éditeur de page

  • Accédez à votre contenu :

    • Pages de site web : Depuis votre compte HubSpot, accédez à Marketing > Site web > Pages de site web.
    • Pages de destination : Dans votre portail HubSpot, naviguez vers Marketing > Pages de destination.
  • Placez le curseur sur le nom d'une page et cliquez sur Modifier
  • Cliquez sur l'onglet Paramètres
  • Cliquez sur Options avancées et faites défiler jusqu'à la section Blocs de texte de code supplémentaires.

Images

Si vous avez des images dans votre contenu qui chargent des URL externes, vous pouvez faire en sorte que leurs attributs src soient HTTPS. 

Si le protocole HTTPS n'est pas pris en charge par le serveur externe, vous pouvez charger ces images dans votre gestionnaire de fichiers. Découvrez-en davantage sur le chargement de ressources dans le gestionnaire de fichiers

cdn1.hubspot.com

Les ressources hébergées sur cdn1.hubspot.com ne prennent pas en charge les requêtes HTTPS. Pour résoudre ce problème, localisez le fichier dans le gestionnaire de fichiers et clonez-le. Une fois le clonage du fichier effectué, copiez l'URL du nouveau fichier et mettez à jour la référence.

Utiliser des URL relatives

Vérifiez si vos ressources et images utilisent des URL relatives, telles que « //www.mysite.com/myimage.png » ou « //www.mysite.com/my-asset-location ».

Les URL relatives n'utilisent pas de protocoles (ne comprennent ni « http » ni « https ») et se chargent quel que soit le protocole défini.

Avertissements liés à du contenu mixte