Utilizzare l'iniezione di codice

Inserisci HTML o script personalizzati nelle pagine del tuo sito.

Ultimo aggiornamento 3 febbraio 2025

Utilizza l'iniezione di codice per aggiungere del codice HTML e degli script al fine di migliorare parti specifiche del tuo sito. Queste potrebbero includere servizi di live chat, verifica di domini per servizi di e-mail personalizzati o raccolta di dati analitici del tuo sito.

L'iniezione di codice non è adatta all'aggiunta di contenuto o per definire lo stile. Per aggiungere contenuto al tuo sito, visita Pagine e contenuti di base. Per definire lo stile, utilizza l'editor CSS personalizzato.

Accesso a questa funzionalità

L'iniezione di codice è disponibile nei piani Core, Plus, Advanced, Business, Commerce Base e Commerce Avanzato. Per saperne di più, visita Scegliere un piano Squarespace.

Guarda un video

Prima di iniziare

Aggiungere del codice all'iniezione di codice

Per aggiungere del codice personalizzato all'iniezione di codice:

  1. Apri il pannello Iniezione di codice.
  2. Aggiungi codice HTML o script validi nei campi appropriati in Iniezione di codice per intestazione, piè di pagina, schermata di blocco, pagina di conferma dell'ordine o pagina di stato dell'ordine.
  3. Dopo aver aggiunto il codice, clicca su Salva.

Intestazione

Il codice aggiunto in questo campo viene inserito nel tag su ogni pagina del tuo sito.

Piè di pagina

Il codice aggiunto in questo campo viene inserito prima del tag di chiusura su ogni pagina del tuo sito.

Se aggiungi integrazioni di terze parti al tuo sito utilizzando l'iniezione di codice (ad esempio, Google Ads), il codice potrebbe installare dei cookie nel browser dei visitatori. Se attivi il banner dei cookie sul tuo sito, puoi utilizzare l'iniezione di codice per modificare il comportamento di queste integrazioni di terze parti, a seconda che il visitatore abbia acconsentito o meno ai cookie.

I tuoi visitatori possono fornire le loro scelte di consenso, se completi i seguenti passaggi:

  1. Per attivare il banner dei cookie, apri il pannello Cookie e dati dei visitatori e attiva l'opzione accanto a Banner dei cookie.
  2. Seleziona il tipo di banner dei cookie Accetta e Rifiuta, che mostra due pulsanti personalizzabili per consentire ai clienti di accettare o rifiutare i cookie del tuo sito.
  3. Clicca su Save (Salva).
  4. Aggiungi il codice necessario. Per saperne di più, dai un'occhiata all'esempio qui sotto.

Utilizzando Google Ads come esempio, se hai aggiunto Google Ads al tuo sito utilizzando l'iniezione di codice, visualizza questo post del forum per un esempio di codice che puoi aggiungere per integrare il codice di Google Ads con il banner dei cookie.

Se utilizzi Google Analytics tramite la nostra integrazione ufficiale, non è necessario aggiungere alcun codice in questo campo. Dopo aver salvato il tuo ID di misurazione, abilita il banner dei cookie.

Nota

la modalità Consenso è una funzione fornita da Google. Per maggiori informazioni, visita la documentazione di Google. Inoltre, le modifiche al codice personalizzato non sono coperte dal nostro supporto. Dovresti consultare Google Ads se hai bisogno di assistenza per la configurazione o la risoluzione dei problemi.

Schermata di blocco

La schermata di blocco appare quando hai impostato una password per il sito o una password di pagina. Il codice inserito qui viene visualizzato sopra il campo della password della schermata di blocco.

Sebbene sia possibile aggiungere codice a questo campo, ti consigliamo di utilizzare il pannello Schermata di blocco per progettare la tua schermata di blocco. In questo modo potrai aggiungere un'immagine di sfondo o una slideshow, definire lo stile del tipo di carattere, aggiungere il tuo logo e altro ancora.

Pagina di conferma dell'ordine

Il codice aggiunto qui viene iniettato nella pagina di conferma dell'ordine che appare dopo che il cliente effettua il pagamento con carte regalo, iscrizioni e abbonamenti.

Sono disponibili sei tag che puoi utilizzare per inserire informazioni specifiche sul cliente. Se un acquisto è diviso perché contiene più profili di evasione, i dettagli verranno visualizzati per ogni ordine dell'acquisto.

  • {orderId}— Il numero d'ordine dell'ordine confermato
  • {orderSubtotal} – Subtotale dell'ordine confermato
  • {orderSubtotalCents}: il subtotale dell'ordine confermato in centesimi
  • {orderGrandTotal} – Totale complessivo dell'ordine confermato
  • {orderGrandTotalCents} – Il totale dell'ordine confermato, in centesimi
  • {customerEmailAddress} — L'indirizzo e-mail del cliente, come inserito nella sezione "La tua e-mail" in fase di pagamento

Pagina di stato dell'ordine

Il codice aggiunto qui viene iniettato nella pagina di stato dell'ordine, ovvero la pagina di conferma che viene visualizzata dopo che il cliente effettua il pagamento di prodotti fisici, in download nonché prodotti composti da servizi. I clienti possono anche tornare su questa pagina in un secondo momento per controllare lo stato dell'ordine. 

Sono disponibili sei tag che puoi utilizzare per inserire informazioni specifiche sul cliente. Se un acquisto è diviso perché contiene più profili di evasione, i dettagli verranno visualizzati per ogni ordine dell'acquisto.

  • {orderId}— Il numero d'ordine dell'ordine confermato
  • {orderSubtotal} – Subtotale dell'ordine confermato
  • {orderSubtotalCents}: il subtotale dell'ordine confermato in centesimi
  • {orderGrandTotal} – Totale complessivo dell'ordine confermato
  • {orderGrandTotalCents} – Il totale dell'ordine confermato, in centesimi
  • {customerEmailAddress} — L'indirizzo e-mail del cliente, come inserito nella sezione "La tua e-mail" in fase di pagamento

È possibile che i clienti visitino frequentemente la pagina dello stato dell'ordine, il che potrebbe attivare più volte gli script di tracciamento. Per evitare di contare due volte lo stesso cliente con gli script di tracciamento, disponi tra i tag {.if firstPageView} e {.end} gli script che vuoi che siano eseguiti solo durante la prima visita alla pagina di stato dell'ordine dopo il pagamento. Ad esempio:

{.if firstPageView}

Aggiungi qui gli script di tracciamento che vuoi eseguire solo dopo il pagamento

{.end}

Aggiungi qui gli script che vuoi eseguire a ogni visita

Migrare il codice personalizzato della pagina di conferma dell'ordine

Di recente abbiamo aggiornato la pagina di conferma dell'ordine per i prodotti fisici, digitali e composti da servizi. I clienti che acquistano questi tipi di prodotti vengono indirizzati su una pagina che visualizza lo stato dell'ordine, i relativi dettagli e l'opzione per creare un account cliente.

Se questo banner appare nel pannello dedicato all'iniezione di codice, significa che il codice è stato aggiunto alla pagina di conferma dell'ordine originale e che l'aggiornamento non è stato applicato al sito. 

MigrateOrderConfirmationCode.png

Per applicare questo aggiornamento al tuo sito e indirizzare gli acquirenti alla nuova pagina di stato dell'ordine dopo pagamento dei prodotti digitali, fisici e dei prodotti composti da servizi: 

  1. Copia il codice nel campo della pagina di conferma dell'ordine. 
  2. Incollalo nel campo della pagina dello stato dell'ordine. 
  3. Clicca su Salva
  4. Clicca su Ho migrato il mio codice personalizzato.

Finché non avrai eseguito questi passaggi, tutti gli acquirenti verranno indirizzati alla pagina di conferma dell'ordine originale dopo il pagamento per tutti gli acquisti.

Iniezione di codice per pagina

Puoi anche inserire codice in una pagina specifica:

  1. Passa il mouse sulla pagina nel pannello Pagine.
  2. Clicca sull'icona .
  3. Fai clic su Avanzato.

Iniezione di codice intestazione di pagina aggiunge codice al tag della pagina specifica.

Nelle impostazioni della Pagina del blog, la sezione Iniezione di codice elemento post permette di aggiungere codice a ogni post del blog.

La modalità di visualizzazione dell'iniezione di codice dipende dalla versione del sito.

Ricorda:

  • Sconsigliamo di utilizzare HTML nell'Iniezione di codice intestazione pagina. Se lo fai, il codice non verrà visualizzato se disattivi la trasparenza dell'intestazione del sito.
  • L'Iniezione di codice elemento post appare sotto il contenuto del post.

Ricorda:

  • L'iniezione di codice non verrà visualizzata sulle pagine di destinazione dell'Indice.
  • A seconda del modello, l'Iniezione di codice elemento post del blog appare sopra o sotto il contenuto del post.
  • Nei modelli con la Pagina del blog a griglia/elenco, il codice viene visualizzato sulla pagina di destinazione del blog e non sui singoli post.

Disattivare gli script nell'anteprima

Un codice personalizzato a volte impedisce di modificare in modo sicuro il proprio sito. Al momento di aiutarti a risolvere il problema, potremmo chiederti di disabilitare gli script nell'anteprima. Questo significa che non visualizzerai il tuo codice personalizzato mentre sei connesso, ma questo non influenzerà il modo in cui i visitatori vedranno il sito.

Se il tuo codice interferisce, visualizzerai questo messaggio nella parte inferiore del tuo sito:

È stato rilevato un errore di caricamento dell'anteprima del sito. Questo errore in genere è causato da codice inserito.

Per effettuare le modifiche in modo sicuro, clicca su Disattiva script nell'anteprima nella parte inferiore del sito. Il messaggio si trasformerà in Script disattivati nell'anteprima del sito. Per visualizzare il tuo codice personalizzato, apri una nuova finestra privata o in incognito nel tuo browser e inserisci l'URL della tua pagina.

Se il messaggio di disattivazione degli script non appare automaticamente:

  1. Fai apparire il messaggio digitando /safe dopo /config, in coda al tuo URL di modifica sicura e quindi premendo INVIO.
  2. Se non accade nulla, controlla le aree in cui avevi aggiunto un codice personalizzato per rimuoverlo temporaneamente mentre cerchi di risolvere il problema.

Dopo aver disattivato il codice, potrebbe apparire il messaggio Attivare script nell'anteprima?. È preferibile non cliccarvi sopra, poiché potrebbe interferire con l'anteprima, la modifica e l'esecuzione del sito mentre sei connesso. Il messaggio non si può nascondere, ma è visibile solo se connessi; i visitatori non lo visualizzeranno.

Nota

Le modifiche al codice personalizzato non rientrano nell'ambito del nostro supporto. Ciò significa che non possiamo fornire ulteriore assistenza in relazione alla configurazione o alla risoluzione dei problemi. Inoltre, non possiamo garantire la funzionalità o la completa compatibilità del codice inserito con Squarespace. Ciò include il modo in cui funziona con il nostro design reattivo, soprattutto relativamente all'aspetto sui dispositivi mobili e al funzionamento su tutti i modelli. Il codice personalizzato potrebbe causare problemi di visualizzazione con i futuri aggiornamenti della nostra piattaforma. Pur non potendo offrire ulteriore assistenza, esistono diverse risorse per indicarti la giusta direzione da seguire:

Footer Image
  • Ricevi assistenza dalla nostra community

  • Ricevi assistenza dalla nostra community in merito alle personalizzazioni avanzate.

  • Affidati a uno Squarespace Expert

  • Fatti notare online con l'aiuto di un designer o di uno sviluppatore esperto.