Ho del codice personalizzato, dove posso inserirlo?

È possibile aggiungere del codice personalizzato a diverse sezioni del sito web, per eseguire determinati compiti. Quando si prende il codice da un'altra fonte, è fondamentale capire dove inserirlo.

Se il codice dice di inserirne una parte nell'intestazione, cerca le istruzioni pertinenti per apprendere come farlo.

Una volta appurato in che sezione deve essere inserito il codice, puoi seguire questo tutorial e i riferimenti riportati in seguito per capire dove e come inserirlo.

Estensione delle modifiche a tutto il sito o a una singola pagina

A seconda di dove si copia il codice, è possibile fare in modo che esso venga applicato su tutto il sito oppure su una singola pagina. Le posizioni in cui questo tutorial indicherà di inserire il codice indicheranno se la modifica avverrà su tutto il sito o solo su una singola pagina.

Inserimento del codice tramite il Widget HTML

Per inserire facilmente il codice nel tuo sito, puoi usare il widget HTML. Se hai del codice che deve solo essere inserito nel sito, basta seguire le istruzioni fornite qui sotto.

  1. Apri l'editor.
  2. Nel pannello a sinistra, fai clic su Widget.
  3. Cerca HTML.
  4. Trascina il widget HTML nel punto desiderato del tuo sito.
  5. Incolla il tuo codice.
  6. Fatto.

Widget HTML esteso a tutto il sito o limitato a una singola pagina

A seconda di dove posizionerai il widget HTML, le modifiche compariranno su tutte le pagine del sito, oppure su una sola.

Se collochi il widget HTML nell'intestazione o nel piè di pagina, esso comparirà su tutte le pagine del sito simultaneamente, in ragione del fatto che questi due elementi sono identici su tutto il sito.

Se invece posizioni il widget in qualunque altro punto, esso comparirà solamente nel corpo della pagina.

Posizionare del codice nell'intestazione

Intestazione generale

Per collocare il codice nell'intestazione generale del sito, segui le istruzioni riportate di seguito.

  1. Apri l'editor.
  2. Vai alle Impostazioni nel pannello a sinistra.
  3. Fai clic su HTML intestazione.
  4. Incolla qui il codice e salvalo.

Intestazione pagina singola

Per inserire il codice nell'intestazione di una sola pagina, segui le istruzioni riportate di seguito.

  1. Nel pannello laterale, fai clic su Pagine.
  2. Fai clic sull'icona delle impostazioni () sulla pagina in cui intendi inserire il codice.
  3. Fai clic su SEO.
  4. Scorri fino alla voce "HTML intestazione".
  5. Incolla qui il codice e salvalo.

Inserire il codice dopo il tag di apertura del corpo della pagina

Al momento non disponiamo della possibilità di inserire il codice immediatamente dopo il tag di apertura del corpo della pagina. Puoi comunque incollare il codice direttamente nel file body-end.html. Esistono due modi per eseguire questa operazione: in modalità sviluppatore o dalle impostazioni.

Per incollare il codice direttamente nel file body-end.html in modalità sviluppatore:

  1. Fai clic sull'icona Modalità sviluppatore () in alto a destra.
  2. Fai clic su Site HTML / CSS per espandere la selezione.
  3. Fai clic su body-end.html.
  4. Incolla il codice qui, nell'ultima riga.
  5. Procedi al salvataggio.

Per incollare il codice direttamente nel file body-end.html dalle impostazioni:

  1. Clicca su Impostazioni nel pannello a sinistra.

  2. Fai clic su HTML intestazione.

  3. Incolla il tuo codice nel campo Body End HTML.

  4. Fai clic su Salva.

Aggiungere un codice di tracciamento a un modulo di contatto

Per aggiungere un codice di tracciamento a un modulo di contatto, segui le istruzioni riportate di seguito.

  1. Recati alla pagina contenente il modulo.
  2. Clicca sul modulo di contatto per aprire le opzioni.
  3. Fai clic su Invio.
  4. Clicca su Tracciamento.
  5. Incolla qui il codice di tracciamento delle conversioni.

Aggiungere codice a un widget

Per aggiungere del codice a un widget, segui le istruzioni riportate di seguito.

  1. Individua la pagina su cui si trova il widget.
  2. Fai clic sul tasto destro del mouse per aprire il menu contestuale.
  3. Clicca su Modifica HTML/CSS.
  4. Modifica o inserisci qui il codice.

Note, considerazioni e risoluzione dei problemi

Creare sempre un backup

Consigliamo di creare sempre un backup del sito prima di aggiungervi del codice personalizzato. La risoluzione dei problemi connessi a questo tipo di codice, infatti, può risultare difficoltosa, e se non viene effettuata correttamente il sito potrebbe cessare di funzionare.

Il mio codice scompare quando lo inserisco nella sezione principale

Questo avviene piuttosto di frequente con i codici pixel di tracciamento. La sezione principale (<head>) non accetta alcun codice che sia< img>,< iframe >e altro ancora. Normalmente, accetta unicamente codici, <link>, <script> e <meta>.

Se devi incollare del codice che non verrà salvato in quella posizione, copialo semplicemente nell'intestazione, dove si trovano i loghi e i link per la navigazione.

Altrimenti, incollalo in file body-end.html come esplicato nel tutorial precedente.

Il mio codice non funziona

Se sul sito è presente del codice non funzionante, è probabile che la causa sia una formattazione imperfetta o il fatto che il codice non sia conforme al protocollo HTTPS.

Se nel tuo codice ci sono dei link (http:// o //) e il tuo sito usa il protocollo HTTPS, oppure sei all'interno dell'anteprima, dovrai cambiarli in https://. La ragione è che il codice non HTTPS non funzionerà in una connessione caricata tramite HTTPS (anteprima del sito, editor e così via).

Questo articolo ti è stato utile?
Utenti che ritengono sia utile: 0 su 0
×

Please Log in as a Pro

Priority Phone Support is available exclusively to Pros. Log in to your Pro account now to see our international support numbers.

Log In
Not a Pro? Purchase a Pro plan!