È 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 HTML. Se hai del codice che deve solo essere inserito nel sito, basta seguire le istruzioni fornite qui sotto.
- Apri l'editor.
- Nel pannello a sinistra, fai clic su Widget.
- Cerca HTML.
- Trascina il HTML nel punto desiderato del tuo sito.
- Incolla il tuo codice.
- Fatto.
Widget HTML esteso a tutto il sito o limitato a una singola pagina
A seconda di dove posizionerai il HTML, le modifiche compariranno su tutte le pagine del sito, oppure su una sola.
Se collochi il 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 in qualunque altro punto, esso comparirà solamente nel corpo della pagina.
Posizionare del codice nell'intestazione
Le app di gestione del consenso non sono in grado di impedire l'esecuzione del codice prima del consenso quando il codice è inserito nell'intestazione HTML. Ciò è dovuto al fatto che Duda ottimizza la struttura e l'ordine di caricamento dei contenuti in base alle migliori pratiche sulle prestazioni sul sito. Posizioniamo script e banner CMP in basso nella pagina, per migliorare le prestazioni dei contenuti principali. Per questo motivo, consigliamo di inserire il codice nel body end quando si utilizza un'app per la gestione del consenso.
Intestazione generale
Per collocare il codice nell'intestazione generale del sito, segui le istruzioni riportate di seguito.
- Apri l'editor.
- Vai alle Impostazioni nel pannello a sinistra.
- Fai clic su HTML intestazione.
- 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.
- Nel pannello laterale, fai clic su Pagine.
- Fai clic sull'icona delle impostazioni sulla pagina in cui intendi inserire il codice.
- Fai clic su SEO.
- Scorri fino alla voce "HTML intestazione".
- 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.
La modalità sviluppatore non è disponibile quando si modifica il sito in modalità flex.
Per incollare il codice direttamente nel file body-end.html in modalità sviluppatore:
- Fai clic sull'icona Modalità sviluppatore</> nella barra superiore.
- Fai clic su Site HTML / CSS per espandere la selezione.
- Fai clic su body-end.html.
- Incolla il codice qui, nell'ultima riga.
- Procedi al salvataggio.
Per incollare il codice direttamente nel file body-end.html dalle impostazioni:
Clicca su Impostazioni nel pannello a sinistra.
Fai clic su HTML intestazione.
Incolla il tuo codice nel campo Body End HTML.
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.
- Recati alla pagina contenente il modulo.
- Clicca sul modulo di contatto per aprire le opzioni.
- Fai clic su Invio.
- Clicca su Tracciamento.
- Incolla qui il codice di tracciamento delle conversioni.
Aggiungere codice a un widget
Per aggiungere del codice a un , segui le istruzioni riportate di seguito.
- Individua la pagina su cui si trova il .
- Fai clic sul tasto destro del mouse per aprire il menu contestuale.
- Clicca su Modifica HTML/CSS.
- 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).