Opprett og legg til en JavaScript-fil i HubSpot

Opprett og legg til JavaScript-filer i Design Manager for å tilpasse funksjonaliteten til HubSpot-hostet innhold. Opprett en JavaScript-fil, legg den til i en mal, eller legg den til på tvers av et helt domene eller på individuelle sider.

Du kan for eksempel bruke en JavaScript-fil til å legge til interaktive elementer, integrere tredjepartsskript eller tilpasse sideatferd utover standardmoduler.

Før du setter i gang

Før du begynner å arbeide med JavaScript-filer, bør du gå gjennom følgende krav og hensyn.

Forstå begrensninger og hensyn

• Når du publiserer endringer, blir oppdateringene umiddelbart aktive på tilknyttede maler eller sider.
• Når du legger til JavaScript på domenenivå, brukes skriptet på alle HubSpot-hostede sider på det aktuelle domenet.

Opprett en JavaScript-fil

1. Gå til Innhold > Design Manager i HubSpot-kontoen din.
2. Klikk på rullegardinmenyen Fil i søkeren, og velg Ny fil.
3. I dialogboksen klikker du på rullegardinmenyen Hva vil du bygge i dag? og velger JavaScript. Klikk deretter på Neste.
4. Skriv inn et navn på JavaScript-filen i feltet Filnavn .
5. Hvis du vil oppdatere filens plassering, klikker du på Endre i delen Filplassering og velger mappen som filen skal legges til i.
6. Klikk på Opprett.
7. Skriv inn JavaScript-filen i kodeditoren.
8. Hvis du har aktivert ESLint, kan du se eventuelle JavaScript-advarsler eller -feil ved å slå på Vis utdata-bryteren.

9. Når du er ferdig, klikker du på Publiser endringer øverst til høyre.

Legg ved en JavaScript-fil til en dra-og-slipp-mal

1. Gå til Innhold > Design Manager i HubSpot-kontoen din.
2. Klikk på malen du vil oppdatere, i søkeren.
3. Klikk på Rediger-fanen i inspektøren til høyre.
4. I delen Koblede JavaScript-filer klikker du på rullegardinmenyen Legg til og velger JavaScript-filen.
5. Når du er ferdig, klikker du på Publiser endringer øverst til høyre.

Legg til en JavaScript-fil i en kodet mal

1. Gå til Innhold > Design Manager i HubSpot-kontoen din.
2. Klikk på malen du vil oppdatere, i søkeren.
3. Skriv inn HubL-funksjonen require_js i koderedigeringsprogrammet. Finn ut mer om hvordan du bruker HubL-funksjonen require_js.

Legg til en JavaScript-fil på HubSpot-sider

Legg til en JavaScript-fil på alle sider i et HubSpot-hostet domene, eller på individuelle sider ved å bruke den offentlige URL-adressen.

Få tilgang til en JavaScript-fils offentlige URL-adresse

1. Gå til Innhold > Design Manager i HubSpot-kontoen din.
2. Klikk på navnet på JavaScript-filen i søkeren. Klikk deretter på rullegardinmenyen Handlinger, og velg Kopier offentlig URL-adresse.

Legg til en JavaScript-fil på alle sider på et domene

1. I HubSpot-kontoen din klikker du på settings innstillinger-ikonet i den øverste navigasjonslinjen.
2. Gå til Innhold > Sider i menyen i venstre sidefelt.
3. Klikk på rullegardinmenyen Velg et domene for å redigere innstillingene, og velg domenet du vil legge til JavaScript-filen i. Hvis du vil bruke JavaScript-filen på alle tilkoblede domener, velger du Standardinnstillinger for alle domener.
   
4. Lim inn den offentlige URL-adressen som verdi for skripttaggens kilde i HTML-delen for bunntekst på nettstedet :

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

5. Når du er ferdig, klikker du på Lagre nederst til venstre.

Legg til en JavaScript-fil på en enkelt side

Merk: Avanserte innstillinger er ikke tilgjengelige i startmaler.

1. Naviger til innholdet ditt:
   • Nettstedssider: Gå til Innhold > Nettstedssider i HubSpot-kontoen din.
   • Landingssider: Gå til Innhold > Landingssider i HubSpot-kontoen din.
2. Klikk på navnet på siden din.
3. I innholdsredigeringsprogrammet klikker du på Innstillinger-menyen og velger Avansert.
4. Lim inn den offentlige URL-adressen som verdi for skripttaggens kilde i delen HTML for bunntekst i dialogboksen:

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

5. Når du er ferdig, klikker du på Publiser eller Oppdater øverst til høyre.