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

1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
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

1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
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

1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
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

1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
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

1. Nel tuo account HubSpot, fai clic sulle settings icona delle impostazioni nella barra di navigazione principale.
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: Nel tuo account HubSpot, passa a Contenuti > Pagine del sito web.
   • Pagine di destinazione: Nel tuo account HubSpot, passa a Contenuti > Landing Page.
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.