Salta al contenuto
Nota bene: la traduzione in italiano di questo articolo è fornita solo per comodità. La traduzione viene creata automaticamente tramite un software di traduzione e potrebbe non essere stata revisionata. Pertanto, la versione inglese di questo articolo deve essere considerata come la versione di governo contenente le informazioni più recenti. È possibile accedervi qui.
Design Manager

Aggiungere un file JavaScript a HubSpot

Ultimo aggiornamento: settembre 29, 2022

Si applica a:

Tutti i prodotti e i piani

È possibile ospitare e modificare i file JavaScript nel design manager. Scoprite come creare un file JavaScript e collegarlo a un modello o a un dominio.


Creare un file JavaScript

  • Nel tuo account HubSpot, naviga su Marketing > File e Modelli > Strumenti di progettazione.
  • Nel menu della barra laterale sinistra, fare clic su File >Nuovo file. Potrebbe essere necessario fare clic sull' icona della cartella per espandere il menu.
  • Nella finestra di dialogo, fare clic sul menu a discesa Cosa si desidera creare oggi? e selezionare JavaScript.

design-manager-new-file-javascript
  • Fare clic su Avanti.
  • Nel campo Nome file , inserire un nome per il file JavaScript.
  • Per aggiornare la posizione del file, nella sezione Posizione del file, fare clic su Cambia e selezionare la cartella in cui aggiungere il file.

design-manager-new-javascript-file

  • Fare clic su Crea.
  • Digitare o incollare il codice JavaScript nell'editor di codice.
  • Se si è abilitato ESLint, è possibile vedere eventuali avvisi o errori JavaScript facendo clic per attivare l'interruttore Mostra output .

    design-manager-javascript-show-output
  • In alto a destra, fare clic su Pubblica modifiche per rendere effettive le modifiche.

Allegare un file JavaScript a un modello

  • Nel Finder a sinistra, fare clic sul modello che si desidera aggiornare.
  • Nell'ispettore a destra, fare clic sulla scheda Modifica.
  • Nella sezione File JavaScript collegati, fare clic sul menu a discesa Aggiungi e selezionare il file JavaScript.

  • In alto a destra, fare clic su Pubblica modifiche per rendere effettive le modifiche.

Includere un file JavaScript nelle pagine di HubSpot

È possibile includere il file JavaScript in tutte le pagine di un dominio ospitato da HubSpot o in singole pagine utilizzando l'URL pubblico.

Per accedere all'URL pubblico del file:

  • Nel menu della barra laterale sinistra, selezionare il file JavaScript.
  • Fare clic suAzioni>Copia URL pubblico.

design-manager-add-javascript-file

Per aggiungere il file a tutte le pagine HubSpot di un dominio:
  • Nel tuo account HubSpot, clicca sull'icona delle impostazioni settings nella barra di navigazione principale.
  • Nel menu della barra laterale sinistra, spostarsi su Sito web > Pagine.
  • Fare clic sul menu a discesa Scegli un dominio per modificare le impostazioni e selezionare il dominio a cui aggiungere il file JavaScript. È possibile selezionare Impostazioni predefinite per tutti i domini se si desidera che il file JavaScript sia applicato a tutti i domini collegati.
  • Nella sezione HTML del piè di pagina del sito, incollare l'URL pubblico come valore per lo script.come valore per la fonte del tag script:
<!-- inizia Main.js Non rimuovere -->
<script src='inserisci qui l'URL pubblico del tuo file
'
></script>
<!---termina Main.js-->

  • Fare clic su Salva.

Oppure, per aggiungere il file a una singola pagina:

  • Nel vostro account HubSpot, andate suMarketing>Sito web>Pagine del sito web oPagine di atterraggio.
  • Passare il mouse sulla pagina che si desidera modificare, quindi fare clic su Modifica.
  • Nell'editor della pagina, fare clic sulla scheda Impostazioni.
  • Fare clic su Opzioni avanzate.
  • Nella sezione Footer HTML, incollare l'URL pubblico come valore per la fonte del tag script:
<!-- inizia Main.js Non rimuovere -->
<script src='inserisci qui l'URL pubblico del tuo file
'
></script>
<!---termina Main.js-->

  • Per pubblicare le modifiche alla pagina live, in alto a destra, fare clic su Aggiorna.
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.