Voeg een JavaScript-bestand toe aan HubSpot

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.

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

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

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