Opret og tilføj en JavaScript-fil til HubSpot

Opret og tilføj JavaScript-filer i Design Manager for at tilpasse funktionaliteten af dit HubSpot-hostede indhold. Opret en JavaScript-fil, vedhæft den til en skabelon, eller tilføj den på tværs af et helt domæne eller på individuelle sider.

Brug f.eks. en JavaScript-fil til at tilføje interaktive elementer, integrere tredjeparts-scripts eller tilpasse sideadfærd ud over standardmoduler.

Før du går i gang

Før du arbejder med JavaScript-filer, skal du gennemgå følgende krav og overvejelser.

Forstå begrænsninger og overvejelser

• Udgivelse af ændringer gør, at opdateringer vises med det samme på tilknyttede skabeloner eller sider.
• Tilføjelse af JavaScript på domæneniveau anvender scriptet på alle HubSpot-hostede sider på det pågældende domæne.

Opret en JavaScript-fil

1. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
2. Klik på rullemenuen Filer i søgeren, og vælg Ny fil.
3. I dialogboksen skal du klikke på rullemenuen Hvad vil du bygge i dag? og vælge JavaScript. Klik derefter på Næste.
4. I feltet Filnavn skal du indtaste et navn til din JavaScript-fil.
5. Hvis du vil opdatere filens placering, skal du klikke på Change i afsnittet File location og vælge den mappe, som filen skal tilføjes til.
6. Klik på Opret.
7. Indtast dit JavaScript i kodeeditoren.
8. Hvis du har aktiveret ESLint, kan du se eventuelle JavaScript-advarsler eller -fejl ved at slå Vis output til.

9. Når du er færdig, skal du klikke på Publish changes øverst til højre.

Vedhæft en JavaScript-fil til en træk og slip-skabelon

1. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
2. Klik på den skabelon, du vil opdatere, i søgeren.
3. Klik på fanen Rediger i inspektøren til højre.
4. I afsnittet Linked JavaScript files skal du klikke på rullemenuen Add og vælge din JavaScript-fil.
5. Når du er færdig, skal du klikke på Publish changes øverst til højre.

Vedhæft en JavaScript-fil til en kodet skabelon

1. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
2. Klik på den skabelon, du vil opdatere, i søgeren.
3. Indtast HubL-funktionen require_js i kodeeditoren. Få mere at vide om at bruge HubL-funktionen require_js.

Tilføj en JavaScript-fil til HubSpot-sider

Tilføj en JavaScript-fil på alle sider i et HubSpot-hostet domæne eller på individuelle sider ved at bruge den offentlige URL.

Få adgang til en JavaScript-fils offentlige URL

1. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
2. Klik på navnet på JavaScript-filen i søgeren. Klik derefter på rullemenuen Handlinger, og vælg Kopier offentlig URL.

Tilføj en JavaScript-fil til alle sider på et domæne

1. På din HubSpot-konto skal du klikke på settings indstillingsikonet på den øverste navigationslinje.
2. Gå til Indhold > Sider i menuen til venstre.
3. Klik på rullemenuen Vælg et domæne for at redigere dets indstillinger, og vælg det domæne, du vil tilføje JavaScript-filen til. For at anvende JavaScript-filen på alle forbundne domæner skal du vælge Standardindstillinger for alle domæner.
   
4. I sektionen Site footer HTML skal du indsætte den offentlige URL som værdi for script-taggets kilde:

<!-- start example.js Do Not Remove -->
<script src='insert your file's public URL here'></script>
<!---End example.js-->

5. Når du er færdig, skal du klikke på Gem nederst til venstre.

Tilføj en JavaScript-fil til en individuel side

Bemærk: Avancerede indstillinger er ikke tilgængelige i startskabeloner.

1. Naviger til dit indhold:
   • Hjemmesidens sider: På din HubSpot-konto skal du navigere til Indhold > Websider.
   • Landingssider: På din HubSpot-konto skal du navigere til Indhold > Landingssider.
2. Klik på navnet på din side.
3. Klik på menuen Indstillinger i indholdseditoren, og vælg Avanceret.
4. I sektionen Footer HTML i dialogboksen skal du indsætte den offentlige URL som værdi for script-taggets kilde:

<!-- start example.js Do Not Remove -->
<script src='insert your file's public URL here'></script>
<!---End example.js-->

5. Når du er færdig, skal du klikke på Udgiv eller Opdater øverst til højre.