JQuery opnemen op pagina's

Neem jQuery op in pagina's die HubSpot host wanneer dat nodig is voor modules of aangepaste scripts die erop vertrouwen. Hoewel veel nieuwere thema's en modules niet meer afhankelijk zijn van jQuery, kunnen oudere onderdelen het nodig hebben om correct te werken. Gebruik de jQuery-instellingen om de compatibiliteit te beheren, een versie te kiezen en te bepalen waar de bibliotheek op je pagina's wordt geladen.

Voordat je aan de slag gaat

Voordat je jQuery opneemt op pagina's die door HubSpot worden gehost, moet je goed begrijpen welke stappen je van tevoren moet nemen, wat de beperkingen van de functie zijn en wat de mogelijke gevolgen van het gebruik ervan zijn.

Begrijp beperkingen & overwegingen

• Instellingen die worden toegepast op een specifiek subdomein overschrijven de standaardinstellingen voor alle domeinen.
• Sommige modules, zoals de afbeeldingsgalerijmodule, vereisen jQuery. Als u de instelling Include jQuery uitschakelt, wordt jQuery niet verwijderd als een module dit vereist.
• Als u wijzigt waar jQuery wordt geladen (hoofd- of voettekst), moet u mogelijk scripts bijwerken die ervan afhankelijk zijn.

JQuery opnemen

1. Klik in je HubSpot-account op het settings instellingen-pictogram in de bovenste navigatiebalk.
2. Navigeer in het linker zijbalkmenu naar Inhoud > Pagina's.
3. Klik boven aan de pagina op het vervolgkeuzemenu Kies een domein om de instellingen te bewerken om te selecteren welke domeinen u wilt bewerken.
   • Om deze instelling voor alle domeinen te bewerken, selecteert u Standaardinstelling voor alle domeinen.
   • Om deze instelling voor een specifiek subdomein te bewerken, selecteert u een domein in het vervolgkeuzemenu.
4. Schakel in het gedeelte jQuery op het tabblad Sjablonen het selectievakje Include jQuery in om jQuery op je HubSpot-pagina's te laden.

5. Als je de versie van jQuery wilt wijzigen, klik je op het vervolgkeuzemenu jQuery-versie en selecteer je een versie:
   • 1.7.x: selecteer deze versie als je je logica al hebt gebouwd met afhankelijkheden van een oudere versie van jQuery.
   • 1.11.x: als je deze versie selecteert, is het aan te raden om ook het selectievakje Include jQuery migrate script aan te vinken. Dit voegt een script toe aan uw sjablonen om de compatibiliteit met oudere browsers te verbeteren.
6. Standaard wordt de jQuery-bibliotheek geladen in de head HTML van pagina's. Als je jQuery in de voettekst van pagina's wilt opnemen, schakel je het selectievakje Load HubSpot's included jQuery library from your footer in.
   • Als je jQuery in de voettekst plaatst, is het aan te raden om ook alle jQuery afhankelijkheden naar de voettekst te verplaatsen.
   • Om te testen hoe je pagina's laden met jQuery in de voettekst, voeg je het volgende toe aan het einde van de URL van je pagina.
     ?hsMoveJQuerytoFooter=True toe aan het einde van de URL van je pagina.
7. Klik linksonder op Opslaan als je klaar bent.

Let op: het is aan te raden om met je webontwikkelaar te overleggen voordat je jQuery naar de voettekst van je pagina's verplaatst. Als je nog meer vragen hebt, kun je contact opnemen met HubSpot ontwerpers op de Community.