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: juni 15, 2022

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 het mappictogramklikken om het menu uit te vouwen.
  • Klik in het dialoogvenster op het keuzemenu What would you like to build today? en selecteerJavaScript.

design-manager-new-file-javascript
  • Klik opVolgende.
  • Voer in het veldBestandsnaameen naam in voor uw JavaScript-bestand.
  • Om de locatie van het bestand bij te werken, klikt uin hetgedeelte Bestandslocatie op Wijzigenen selecteert u de map 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 publicerenom uw wijzigingen live te zetten.

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 tabbladBewerken.
  • Klik in het gedeelteGekoppelde JavaScript-bestanden op het vervolgkeuzemenuToevoegen 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 linker zijbalkmenu uwJavaScript-bestand.
  • Klik opActies>Kopieer publieke 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 naar Website> 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 deSite footer HTMLsectie, plak depublieke URLals de waarde voor de bron van de scripttag:
<!--Start Main.js Niet Verwijderen -->
<script src='voeg hier de publieke URL van je bestand in'></script>
<!--Eind Main.js-->

  • Klik opOpslaan.

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

  • Navigeer in uw 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 sectieFooter HTML de openbare URL als de waarde voor de bron van de scripttag:
<!-- Start Main.js Niet verwijderen -->
<script src='voeg hier 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.
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.