Design Manager

Voeg een JavaScript-bestand toe aan HubSpot

Laatst bijgewerkt: oktober 19, 2020

In Bèta

Geldt voor:

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

In uw designmanager kunt u JavaScript-bestanden hosten en bewerken. Leer hoe u een JavaScript-bestand kunt maken en deze kunt koppelen 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 demap met de mapmet de pictogrammenklikken om hetmenu uit te breiden.

new-file

  • Klik in het dialoogvenster op JavaScript.

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

  • Typ of plak uw JavaScript in de code-editor.
  • Als u ESLint hebt ingeschakeld, kunt u eventuele JavaScript-waarschuwingen of -fouten zien door te klikken op de schakelaar voor het weergeven van de uitvoer .

    design-manager-coded-file-show-output
  • Klik in de rechterbovenhoek op Publiceren vanwijzigingen omuw wijzigingen livete bekijken.

Voeg uw JavaScript-bestand toe aan uw sjabloon

  • Klik in de finder op het sjabloon dat u wilt updaten.
  • Klik in de inspecteur op hettabblad Bewerken.
  • Klik in de sectieGelinkte JavaScript-bestanden op hetvervolgkeuzemenu Toevoegen en selecteer uw JavaScript-bestand .

attach-javascript-file

  • Klik in de rechterbovenhoek op Publiceren vanwijzigingen om uw wijzigingen live te bekijken.

Voeg uw JavaScript-bestand toe aan uw HubSpot pagina's

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

Om de publieke URL van het bestand te krijgen:

  • Selecteer in het menu aan de linkerkant uwJavaScript-bestand.
  • 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 menu links in de zijbalk naarWebsite > Pagina's.
  • Klik op hetvervolgkeuzemenu Wijzigen en selecteer het domein om het JavaScript-bestand toe te voegen.
  • Plak in de HTML-voettekstvan de site depublieke URL alswaarde voor de broncode van de scripttag:
<!-- start Main.js Do Not Remove --> <script
src='voeghier de publieke URL van uw bestand in'></script>
<! ---End Main.js-->
  • Klik op Opslaan.

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

  • In uw HubSpot-account navigeert u naarMarketing>Website>Websitepagina's ofLandingspagina's.
  • Ga met de muis over de pagina die u wilt bewerken en klik vervolgens op Bewerken.
  • Klik in de pagina-editor op hettabblad Instellingen.
  • Klik opGeavanceerde opties.
  • Plak in de FooterHTML-sectie de publieke URL als de waarde voor de broncode van de scripttag:
<!-- start Main.js Do Not Remove --> <script
src='voeghier de publieke URL van uw bestand in'></script>
<! ---End Main.js-->
  • Om uw wijzigingen op de live pagina te publiceren, klikt u rechtsboven op Update.