Doorgaan naar artikel
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

Voeg een JavaScript bestand toe aan HubSpot

Laatst bijgewerkt: augustus 4, 2021

In Bèta

Geldt voor:

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

U kunt JavaScript-bestanden hosten en bewerken in de ontwerpmanager. 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 linker zijbalk menu op Bestand> Nieuw bestand.Mogelijk moet u op hetmappictogram klikken omhet menu uit te vouwen.
  • Klik in het dialoogvenster op het keuzemenu What would you like to build today? en selecteer JavaScript.

design-manager-new-file-javascript
  • Klik op Volgende.
  • Voer in hetveld Bestandsnaameen naam in voor uw JavaScript-bestand.
  • Om de locatie van het bestand bij te werken, klikt u in het gedeelteBestandslocatieop Wijzigen enselecteertu demap waaraan u het bestand wilt toevoegen .

design-manager-new-javascript-file

  • Klik 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 Toon uitvoer aan te zetten.

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

Een JavaScript-bestand aan een sjabloon koppelen

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

  • In de rechterbovenhoek, klik opWijzigingen publiceren om uw wijzigingen live te zetten.

Een JavaScript-bestand opnemen op HubSpot-pagina's

U kunt uw JavaScript-bestand opnemen op alle pagina's van een HubSpot-gehost domein, of op afzonderlijke pagina's door de openbare URL te gebruiken.

Om toegang te krijgen tot de publieke URL van het bestand:

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

design-manager-add-javascript-file

Om het bestand toe te voegen aan al uw HubSpot pagina's op een domein:
  • Klik in uw HubSpot-account op de settingsinstellingenpictogram in de hoofdnavigatiebalk.
  • In het linker zijbalk menu, navigeer naarWebsite > Pagina's.
  • Klik op het vervolgkeuzemenu Kies een domein om de instellingen te bewerken en selecteer het domein waaraan u het JavaScript-bestand wilt toevoegen. U kunt Standaardinstellingen voor alle domeinen selecteren als u wilt dat het JavaScript-bestand wordt toegepast op alle aangesloten domeinen.
  • 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 je bestand in'></script><!--Eind Main.js-->
  • Klik op Opslaan.

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

  • Navigeer in je HubSpot account 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.