Creare e aggiungere un file JavaScript a HubSpot

Create e aggiungete file JavaScript nel Design Manager per personalizzare la funzionalità dei vostri contenuti ospitati da HubSpot. Create un file JavaScript, allegatelo a un modello o aggiungetelo a un intero dominio o a singole pagine.

Ad esempio, è possibile utilizzare un file JavaScript per aggiungere elementi interattivi, integrare script di terze parti o personalizzare il comportamento della pagina al di là dei moduli standard.

Prima di iniziare

Prima di lavorare con i file JavaScript, è bene esaminare i seguenti requisiti e considerazioni.

Limitazioni e considerazioni

• La pubblicazione delle modifiche rende gli aggiornamenti immediatamente disponibili sui modelli o sulle pagine associate.
• L'aggiunta di JavaScript a livello di dominio applica lo script a tutte le pagine ospitate da HubSpot su quel dominio.

Creare un file JavaScript

2. Nel Finder, fare clic sul menu a discesa File e selezionare Nuovo file.
3. Nella finestra di dialogo, fare clic sul menu a discesa Cosa si desidera creare oggi? e selezionare JavaScript. Fare quindi clic su Avanti.
4. Nel campo Nome file , inserire un nome per il file JavaScript.
5. Per aggiornare la posizione del file, nella sezione Posizione del file, fare clic su Cambia e selezionare la cartella in cui aggiungere il file.
6. Fare clic su Crea.
7. Inserire il codice JavaScript nell'editor di codice.
8. Se è stato abilitato ESLint, è possibile visualizzare eventuali avvisi o errori JavaScript attivando l'interruttore Mostra output .

9. Al termine, fare clic su Pubblica modifiche in alto a destra.

Allegare un file JavaScript a un modello drag and drop

2. Nel Finder, fare clic sul modello che si desidera aggiornare.
3. Nell'ispettore a destra, fare clic sulla scheda Modifica.
4. Nella sezione File JavaScript collegati, fare clic sul menu a discesa Aggiungi e selezionare il file JavaScript.
5. Al termine, fare clic su Pubblica modifiche in alto a destra.

Collegare un file JavaScript a un modello codificato

2. Nel Finder, fare clic sul modello che si desidera aggiornare.
3. Nell'editor di codice, inserire la funzione require_js HubL. Per saperne di più sull'uso della funzione require_js HubL.

Aggiungere un file JavaScript alle pagine di HubSpot

Aggiungete un file JavaScript a tutte le pagine di un dominio ospitato da HubSpot o a singole pagine utilizzando l'URL pubblico.

Accedere all'URL pubblico di un file JavaScript

2. Nel Finder, fare clic sul nome del file JavaScript. Fare quindi clic sul menu a discesa Azioni e selezionare Copia URL pubblico.

Aggiungere un file JavaScript a tutte le pagine di un dominio

2. Nel menu della barra laterale sinistra, spostarsi su Contenuto > Pagine.
3. Fare clic sul menu a discesa Scegli un dominio per modificarne le impostazioni e selezionare il dominio a cui aggiungere il file JavaScript. Per applicare il file JavaScript a tutti i domini collegati, selezionare Impostazioni predefinite per tutti i domini.
   
4. Nella sezione HTML del piè di pagina del sito , incollare l' URL pubblico come valore per la fonte del tag script:

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

5. Al termine, fare clic su Salva in basso a sinistra.

Aggiungere un file JavaScript a una singola pagina

Nota bene: le impostazioni avanzate non sono disponibili nei modelli di partenza.

1. Navigare nel proprio contenuto:
   • Pagine del sito web:
   • Pagine di destinazione:
2. Fare clic sul nome della pagina.
3. Nell'editor dei contenuti, fare clic sul menu Impostazioni e selezionare Avanzate.
4. Nella sezione Footer HTML della finestra di dialogo, incollare l'URL pubblico come valore per la fonte del tag script:

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

5. Al termine, fare clic su Pubblica o Aggiorna in alto a destra.