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: 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.