Hoppa till innehåll
Observera: Översättningen av denna artikel är endast avsedd att underlätta för dig. Översättningen har skapats automatiskt med hjälp av en översättningsprogramvara och har eventuellt inte korrekturlästs. Den engelska versionen av denna artikel bör därför betraktas som den gällande versionen med den senaste informationen. Du kan komma åt den här.
Design Manager

Lägg till en JavaScript-fil i HubSpot

Senast uppdaterad: november 2, 2021

Gäller för:

Marknadsföring Hub Professional, Enterprise
CMS Hub Starter, Professional, Enterprise
Tidigare Marketing Hub Basic

Du kan vara värd för och redigera JavaScript-filer i designhanteraren. Lär dig hur du skapar en JavaScript-fil och länkar den till en mall eller domän.


Skapa en JavaScript-fil

  • I ditt HubSpot-konto, navigera till Marknadsföring > Filer och mallar > Designverktyg.}
  • Klicka på Arkiv>Ny fil i den vänstra sidofältets meny. Du kan behöva klicka påikonen för ma ppmappenför att expandera menyn.
  • I dialogrutan klickar du på rullgardinsmenyn Vad vill du bygga idag? och väljerJavaScript.

design-manager-new-file-javascript
  • Klicka påNästa.
  • Ange ett namn för din JavaScript-fil i fältetFilnamn.
  • Om du vill uppdatera filens plats klickar du påÄndrai avsnittetFilplaceringoch väljer den mapp som filen ska läggas till i.

design-manager-new-javascript-file

  • Klicka påSkapa.
  • Skriv eller klistra in ditt JavaScript i kodredigeraren.
  • Om du har aktiverat ESLint kan du se eventuella JavaScript-varningar eller JavaScript-fel genom att klicka på Visa utdata .

    design-manager-javascript-show-output
  • Klicka påPublicera ändringaruppe till höger för attta ändringarna i bruk.

Bifoga en JavaScript-fil till en mall

  • I sökaren till vänster klickar du på den mall som du vill uppdatera.
  • I inspektören till höger klickar du på flikenRedigera.
  • I avsnittetLänkade JavaScript-filer klickar du på rullgardinsmenynLägg till och väljer din JavaScript-fil.

  • Klicka påPublicera ändringar uppe till höger för att ta ändringarna i bruk.

Inkludera en JavaScript-fil på HubSpot-sidor

Du kan inkludera din JavaScript-fil på alla sidor på en HubSpot-hostad domän eller på enskilda sidor genom att använda den offentliga URL:en.

Så här får du tillgång till filens offentliga URL:

  • Välj dinJavaScript-fil i den vänstra sidofältets meny.
  • Klicka på .Åtgärder>Kopiera offentlig URL.

design-manager-add-javascript-file

Om du vill lägga till filen på alla dina HubSpot-sidor på en domän:
  • I ditt HubSpot-konto, klicka på inställningsikonen inställningar i huvudnavigeringsfältet.
  • Navigera tillWebbplats> Sidor i menyn på vänster sida.
  • Klicka på rullgardinsmenyn Välj en domän för att redigera inställningarna och välj den domän som du vill lägga till JavaScript-filen i. Du kan välja Standardinställningar för alla domäner om du vill att JavaScript-filen ska gälla för alla anslutna domäner.
  • IHTML-avsnittet för webbplatsens sidfotklistrar du in följande textoffentliga webbadressen som värde för skripttaggens källa:
<!-- start Main.js Ta inte bort -->
<script src='infoga filens offentliga URL här'></script>
<!---End Main.js-->

  • Klicka påSpara.

Eller om du vill lägga till filen på en enskild sida:

  • I ditt HubSpot-konto navigerar du tillMarknadsföring>Webbplats>Webbplatssidor ellerLandningssidor.
  • Håll muspekaren över den sida som du vill redigera och klicka sedan på Redigera.
  • Klicka på flikenInställningar i sidredigeraren.
  • Klicka påAvancerade alternativ.
  • I avsnittetHTML för sidfot klistrar du in den offentliga webbadressen som värde för skripttaggens källa:
<!-- Start Main.js Ta inte bort -->
<script src='infoga filens publika URL här'></script>
<!---End Main.js-->

  • För att publicera dina ändringar på livesidan klickar du på Uppdatera i övre högra hörnet.