Let op: De Nederlandse vertaling van dit artikel is alleen bedoeld voor het gemak. De vertaling wordt automatisch gemaakt via een vertaalsoftware en is mogelijk niet proefgelezen. Daarom moet de Engelse versie van dit artikel worden beschouwd als de meest recente versie met de meest recente informatie. U kunt het hier raadplegen.
Design Manager

Een JavaScript-bestand toevoegen aan HubSpot

Laatst bijgewerkt: maart 19, 2021

In Bèta

Geldt voor:

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Legacy Marketing Hub Basic

In uw design manager kunt u JavaScript-bestanden hosten en bewerken. Leer hoe u een JavaScript-bestand maakt en koppelt aan een sjabloon of domein.


Een JavaScript-bestand maken

  • Navigeer in uw HubSpot account naar Marketing > Bestanden en templates > Ontwerphulptools.
  • Klik in het menu aan de linkerkant opActies > Nieuw bestand. Mogelijk moet u op het mappictogramklikken om hetmenu uit te vouwen.

new-file

  • Klik in het dialoogvenster op JavaScript.

  • In het volgende dialoogvenster voert u een naam in voor uw JavaScript-bestand en klikt u opMaken.

  • Typ of plak uw JavaScript in de code-editor.
  • Als u ESLint hebt ingeschakeld, kunt u JavaScript-waarschuwingen of -fouten zien door de schakelaar Uitvoer tonen aan te zetten.

    design-manager-coded-file-show-output
  • Klik rechtsboven opWijzigingen publiceren omuw wijzigingen livetezetten.

Koppel uw JavaScript-bestand aan uw sjabloon

  • Klik in de zoeker op de sjabloon die u wilt bijwerken.
  • Klik in de inspector op het tabblad Bewerken.
  • Klik in het gedeelteGekoppelde JavaScript-bestanden op hetvervolgkeuzemenu Toevoegen en selecteer uw JavaScript-bestand .

attach-javascript-file

  • Klik rechtsboven opWijzigingen publiceren om uw wijzigingen live te zetten.

Uw JavaScript-bestand opnemen in uw HubSpot-pagina's

U kunt uw JavaScript bestand op alle pagina's van een HubSpot-hosted domein, of op individuele pagina's door gebruik te maken van de publieke URL.

Om de publieke URL van het bestand te krijgen:

  • Selecteer uwJavaScript-bestand in het linkerzijbalkmenu.
  • Klik opActies>Kopieerpublieke URL.

Dan, om het bestand toe te voegen aan al uw HubSpot pagina's op een domein:
  • Klik in uw HubSpot-account op de instellingenpictogram settings in de hoofdnavigatiebalk.
  • Navigeer in het linker zijbalk menu naarWebsite > Pagina's.
  • Klik op hetmenu Wijzigen en selecteer het domein waaraan u het JavaScript-bestand wilt toevoegen.
  • In de Sitefooter HTML sectie,plak depublieke URL alsde waarde voor de bron van de scripttag:
<!-- Start Main.js Niet verwijderen --> <script
src='voeghier de publieke URL van uw bestand in'></script>
<!--Eind Main.js-->
  • Klik op Opslaan.

Of, om het bestand aan een individuele pagina toe te voegen:

  • In uw HubSpot account, navigeert u naarMarketing>Website>Website Pagina's ofLandingspagina's.
  • Beweeg de muis over de pagina die u wilt bewerken en klik op Bewerken.
  • Klik in de pagina-editor op het tabbladInstellingen.
  • Klik opGeavanceerde opties.
  • Plak in de sectie FooterHTML de openbare URL als de waarde voor de bron van de scripttag:
<!-- Start Main.js Niet verwijderen --> <script
src='voeghier de publieke URL van uw bestand in'></script>
<!--Eind Main.js-->
  • Om uw wijzigingen te publiceren op de live pagina, klikt u rechtsboven op Update.