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.

Een JavaScript-bestand toevoegen aan HubSpot

Laatst bijgewerkt: juni 28, 2023

Beschikbaar met elk van de volgende abonnementen, behalve waar vermeld:

Alle producten en plannen

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

  • Ga in je HubSpot account naar Marketing > Bestanden en templates > Ontwerptools.
  • Klik in het linker zijbalk menu op Bestand >Nieuw bestand. Mogelijk moet u op het map-icoontje klikken om het menu uit te vouwen.
  • Klik in het dialoogvenster op het keuzemenu Wat wilt u vandaag bouwen? en selecteer JavaScript.

design-manager-new-file-javascript
  • Klik op Volgende.
  • Voer in het veld Bestandsnaam een naam in voor uw JavaScript-bestand.
  • Om de locatie van het bestand bij te werken, klikt u in de sectie Bestandslocatie op Wijzigen en selecteert u de map waaraan u het bestand wilt toevoegen.

design-manager-new-javascript-file

  • Klik op Maken.
  • Typ of plak uw JavaScript in de code-editor.
  • Als u ESLint hebt ingeschakeld, kunt u eventuele JavaScript-waarschuwingen of -fouten zien door de schakelaar Uitvoer weergeven aan te zetten.

    design-manager-javascript-show-output
  • Klik rechtsboven op Wijzigingen publiceren omuw wijzigingen live te zetten.

Een JavaScript-bestand toevoegen aan een sjabloon

  • Klik in de zoeker links op de sjabloon die u wilt bijwerken.
  • Klik in de inspecteur rechts op het tabblad Bewerken.
  • Klik in de sectie Gekoppelde JavaScript-bestanden op het vervolgkeuzemenu Toevoegen en selecteer uw JavaScript-bestand.

  • Klik rechtsboven op Wijzigingen publiceren om je wijzigingen live te zetten.

Een JavaScript-bestand opnemen op HubSpot-pagina's

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

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

  • Selecteer in het linker zijbalkmenu je JavaScript-bestand.
  • Klik opActie s >Openbare URL kopiëren.

design-manager-add-javascript-file

Om het bestand toe te voegen aan al uw HubSpot pagina's op een domein:
  • Klik in je HubSpot account op het settings instellingen-pictogram in de hoofdnavigatiebalk.
  • Navigeer in het linker zijbalkmenu naar Website > Pagina's.
  • Klik op het keuzemenu 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 voor alle aangesloten domeinen geldt.
  • Plak in de sectie Site footer HTML deopenbare URL als de waarde voor de bron van de scripttag:
<!-- start Main.js niet verwijderen -->
<script src='insert your file's public URL here'></script>
<!---End Main.js-->

  • Klik op Opslaan.

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

  • Navigeer in je HubSpot-account naarMarketing>Website>Website Pagina's ofLandingspagina's.
  • Ga met de muis over de pagina die u wilt bewerken en klik op Bewerken.
  • Klik in de pagina-editor op het tabblad Instellingen.
  • Klik op Geavanceerde opties.
  • Plak in de sectie Footer HTML de openbare URL als waarde voor de bron van de scripttag:
<!-- start Main.js niet verwijderen -->
<script src='insert your file's public URL here'></script>
<!---End Main.js-->

  • Om uw wijzigingen op de live pagina te publiceren, klikt u rechtsboven op Update.
Was dit artikel nuttig?
Dit formulier wordt alleen gebruikt voor feedback op documentatie. Ontdek hoe je hulp krijgt met HubSpot.