Laatst bijgewerkt: oktober 19, 2020
Als uw HubSpot-hosted website is ingesteld met behulp van SSL (HTTPS), zullen activa die via HTTP worden geladen, worden geblokkeerd door uw browser. HubSpot zorgt er automatisch voor dat alle HubSpot-hosted bronnen protocolloos worden geladen om ervoor te zorgen dat ze zonder problemen worden geladen. Als u echter assets laadt van een externe server via HTTP, zal het asset niet laden zodra SSL is ingeschakeld.
U kunt alle activa die worden geblokkeerd zien in de Javascript-console van de ontwikkelaarstools van uw browser.
Om waarschuwingen voor gemengde inhoud op te lossen voor bronnen die worden geladen vanaf een niet-HubSpot-domein, gebruikt u, indien mogelijk, de HTTPS-versie van de URL. Als de externe site geen HTTPS-verzoeken ondersteunt, moet u contact opnemen met de beheerder van dat domein om te zien of zij hun inhoud via HTTPS beschikbaar kunnen stellen. Als alternatief, als het bronbestand geen HTTPS ondersteunt, uploadt u de asset naar uwbestandsbeheerder en verwijst u in plaats daarvan naar die URL.
Met behulp van Developer Tools' Console kunt u bepalen welke bestanden worden geblokkeerd. Hieronder staan enkele typische locaties in HubSpot die verzoeken kunnen doen aan deze niet-veilige bronnen.Bronnen van gemengde inhoudswaarschuwingen
Een van de meest voorkomende bronnen van gemengde inhoudswaarschuwingen zijn niet-HubSpot gehoste bestanden in het stylesheet van uw site.
- @font-face verwijzingen die extern gehoste lettertypes laden
- Achtergrondafbeelding url's
- @imports van externe stylesheets
Bovendien, als u gebruik maakt van aangepaste scripts die verwijzen naar externe middelen, zult u deze bestanden ook willen updaten.
Scripts en stylesheets
Als u externe stylesheets aan de <head> sectie of footer van uw site, uw sjabloon of uw pagina toevoegt, moet u ervoor zorgen dat deze bestanden HTTPS-verzoeken ondersteunen. Deze referenties kunnen worden toegevoegd aan HubSpot op de volgende locaties:
Website instellingen
- Klik in uw HubSpot-account op de instellingenpictogram in de hoofdnavigatiebalk.
- Navigeer in het menu links in de zijbalk naarWebsite > Pagina's.
- Gebruik het menu Wijzigen van hetdropdownmenu om het domein te kiezenwaar jede stylesheets vastmaakt. U kunt ook kiezen voor Alledomeinen omde stylesheet aan al uwHubSpot-gehoste domeinente koppelen.
- Zoek de Site headerHTML en/of Site footer HTML velden.
Blog-instellingen
- Klik in uw HubSpot-account op de instellingenpictogram in de hoofdnavigatiebalk.
- Navigeer in het menu aan de linkerzijdenaarWebsite > Blog.
- Gebruik het menuSelecteer een blog om het dropdownmenute wijzigenen selecteer een blog om te bewerken.
- Klik op hettabbladSjablonen.
- Zoek de HTMLsectie.
Ontwerpmanager
- Navigeer in uw HubSpot account naar Marketing > Bestanden en templates > Ontwerphulptools.
- Selecteer een sjabloon uit de finder en werk vervolgens hetgedeelte Extra<head> markup bij.
Pagina-editor
- Navigeer naar websitepagina's of landingspagina's.
- Ga met de muis over een paginanaam en klik op Bewerken.
- Klik op hettabblad Instellingen.
- Klik op Geavanceerde Opties enscroll naar beneden naar desectieExtracode fragmenten.
Afbeeldingen
Als u afbeeldingen in uw content hebt die externe URL's laden, zult u willen proberen hun src-attributen te maken om HTTPS te zijn.
Als HTTPS niet wordt ondersteund door de externe server, kunt u deze afbeeldingen uploaden naar uw bestandsbeheerder. Leer meer over het uploaden van middelen naar uw bestandsbeheerder.
cdn1.hubspot.com
Activa gehost op cdn1.hubspot.com ondersteunen geen HTTPS-verzoeken. Om dit probleem op te lossen, zoekt u het bestand in uw bestandsbeheerder en kloont u het. Kopieer na het klonen van het bestand de nieuwe URL van het bestand en werk de referentie bij.
Gebruik relatieve URL's
Controleer of uw activa en afbeeldingen in plaats daarvan relatieve URL's gebruiken, zoals "//www.mysite.com/myimage.png" of "//www.mysite.com/my-asset-location".
Relatieve URL's gebruiken geen protocollen (hebben geen "http" of "https") en zullen laden onder welk protocol dan ook.