Come aggiungere codice dentro il tag head su WordPress

Immagine avatar per Andrea Di Rocco

Pubblicato da Andrea Di Rocco in

1K+ Visite sul post corrente.

Come aggiungere codice dentro il tag head

Molti temi hanno un’opzione di default per aggiungere script e codice all’intestazione (header) o nel pié di pagina (footer) del tuo sito.

Moltissimi altri, però, non la prevedono.

Magari devi aggiungere delle informazioni nei meta tag:

Quando bisogna aggiungere del codice, è sempre meglio farlo con un minimo di consapevolezza di ciò che si sta facendo.

Per questo, consiglio di seguire il modulo HTML del mio corso WordPress, in cui ti insegno le basi di questo linguaggio per permetterti di effettuare personalizzazioni al tuo tema in tutta tranquillità e in maniera autonoma.

Se hai bisogno di aiuto nell’inserimento e nella gestione degli script sul tuo sito, prendi appuntamento con noi dal calendario sulla pagina della nostra Assistenza WordPress e ti daremo tutto il nostro supporto.

Aggiungere codice dentro il tag head su WordPress utilizzando “Insert Headers and Footers”

Inserire codice dentro header

Gli sviluppatori hanno creato plugin per (quasi) ogni scopo al fine di aiutare gli utenti che vogliono usare WordPress a personalizzare i propri siti web.

Esistono vari strumenti per modificare il codice del tuo sito, sia gratuiti che a pagamento.

Oggi te ne mostro uno, chiamato Insert Headers and Footers.

Puoi utilizzarlo per modificare e aggiungere codice dentro il tag head su WordPress.

Si tratta degli elementi nelle intestazioni e in fondo alle tue pagine web.

Ti spiegherò come utilizzarlo e quali sono i suoi vantaggi principali.

Insert Header and Footers

Inserire Header And Footer

Pochi plugin hanno dei nomi più chiari di questo. Insert Headers and Footers fa proprio quello che dice il suo nome.

Ti permette di inserire e modificare il codice presente nelle intestazioni e nei pié di pagina del sito.

Si tratta di uno strumento gratuito e semplice da usare.

Uno dei suoi vantaggi maggiori è sicuramente quello di essere versatile.

Invece di usare molti plugin diversi per scopi specifici, con questo strumento puoi aggiungere vari script e meta tag utilizzando lo stesso procedimento.

Ti ho parlato in un articolo precedente di quanto sia importante avere un sito veloce e di come la presenza di troppi plugin possa rallentare la pagina.

Avere un plugin che fa diverse cose è utile, anche se poi sta a te imparare quale tipo di codice implementare.

  1. Come al solito, la prima cosa da fare è installare e attivare il plugin.
  2. Poi vai al menu Impostazioni, nel quale troverai una voce dedicata al plugin.
  3. Cliccandola si aprirà una schermata come quella che vedi qui sotto.
Come aggiungere codice con Insert Headers and Footers

Ho già scritto che aggiungere codice dentro il tag head su WordPress utilizzando questo plugin è davvero semplice.

Come puoi vedere dall’immagine qui sopra, nel primo box puoi inserire il codice da mettere nell’intestazione o header (dove trovi la tag <head>).

Utilizzando il secondo box, puoi aggiungere codice al pié di pagina o footer, che verrà inserito prima della chiusura del tag </body>.

Devi semplicemente copiare e incollare il codice nelle caselle e poi cliccare su Salva per confermare le modifiche.

Non ti resta che cercare il codice da utilizzare, poi puoi anche valutare il suo effetto sulla velocità della pagina con uno strumento come Query Monitor.

Considerazioni sull’uso del plugin

Sarà la stagione, ma il paragone che mi viene in mente riguarda la preparazione dei bagagli prima delle vacanze.

Puoi scegliere di portarti un capo semplice, ma che si adatta a varie situazioni.

Puoi anche mettere in valigia diversi abiti che puoi utilizzare solo in situazioni e abbinamenti specifici.

Dipende da quello che ti serve e dallo spazio che hai.

Tieni conto, però, che avere una pagina veloce è sempre preferibile, sia per gli utenti che per la SEO.

Quando si tratta di aggiungere codice dentro il tag head su WordPress, puoi scegliere una soluzione versatile, come Insert Headers and Footers.

In questo modo, avrai a disposizione un plugin da utilizzare per vari scopi, dall’inserimento di script al codice di monitoraggio di Google Analytics o del Pixel di Facebook.

Con un unico strumento gratuito potrai infatti lavorare sulla SEO aggiungendo meta tag.

Potrai anche monitorare le attività degli utenti per migliorare le conversioni e impostare le campagne pubblicitarie su Facebook.

Potresti utilizzare plugin diversi per ciascuno, ma il rischio è quello di appesantire la pagina e di dover gestire tanti strumenti diversi.

Conclusione

Ora vorrei conoscere la tua opinione sul plugin Insert header e footer come strumento per aggiungere codice dentro il tag head su WordPress.

Lo ritieni una soluzione semplice da utilizzare?

Oppure preferisci usare dei plugin specifici per ogni scopo, in modo da toccare codice meno possibile?

Lasciami la tua opinione nei commenti!

Guide correlate:

Immagine di Andrea Di Rocco autore articoli SOS WP
Andrea Di Rocco Fondatore di SOS WP™
La mia passione per WordPress mi ha portato negli ultimi 10 anni a voler aiutare sempre più persone a creare blog e siti web in WordPress in completa autonomia. Spero che troverai utili le oltre 700 guide su WordPress e sulla SEO che ho pubblicato su questo blog. Se ne hai voglia ti invito a leggere la mia storia, cliccando sul pulsante qui sotto.
43Commenti
Lascia un commento
  1. Immagine avatar per cecilia
    cecilia

    Ciao!
    Quando devo inserirlo DENTRO IL BODY, come faccio? Il plugin consigliato ha solo Header e Footer.

    Faccio un esempio, GTM dice di mettere uno script dell’header e ho usato il plugin. Ma la parte che dice di inserire nel body come faccio?


    (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({‘gtm.start’:
    new Date().getTime(),event:’gtm.js’});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!=’dataLayer’?’&l=’+l:”;j.async=true;j.src=
    ‘https://www.googletagmanager.com/gtm.js?id=’+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,’script’,’dataLayer’,’GTM-NMN8B5J’);

    Grazie

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Cecilia, la sezione Footer del plugin ti permette di inserire codici prima della chiusura del tag body. Se invece non vuoi usare un plugin, puoi aggiungere questo codice ai file header.php oppure footer.php del tuo tema. Se usi il file footer, incollalo subito prima di </body>, mentre se usi il file header incollalo dopo il tag <body> Ma attenzione, usa un tema child! Se hai bisogno di assistenza tecnica per questo passaggio, contatta la nostra Assistenza WordPress. Un saluto!

  2. Immagine avatar per Marisa Belen
    Marisa Belen

    Grazie mille!

  3. Immagine avatar per Daniele
    Daniele

    Ciao Andrea, ottimo plugin, lo utilizzo anche per creare la mia sidebar standard. Purtroppo con il mio tema (Ocean WP) se attivo l’header che ho creato spariscono il titoli delle pagine ma non quelli dei post. Avendo un gran numero di pagine mi ritrovo a doverle aprire tutte e replicare i titolo nel corpo del testo. Ho cercato nella personalizzazione del tema ma non ho trovato niente. È come se il titolo facesse parte dell’header del tema. Con altri temi non ho problemi.

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Daniele, prova ad andare sui settings del tema e vedi se non hai selezionato un campo per nascondere i titoli: https://docs.oceanwp.org/article/166-disabling-the-page-title. Un saluto!

    2. Immagine avatar per Daniele
      Daniele

      Ciao Andrea, ho provato a modificare la voce di personalizzazione che mi hai indicato, ma non funziona. Ho provato a disabilitare l’header che ho creato riesco ad accendere e spegnere il titolo della pagina, ma se riattivo il mio header sparisce. Spariscono anche il risultato delle ricerche, i richiami delle categorie e anche i breadcrumb. È come se facessero parte dell’header e quindi spariscono quando attivo quello creato con il plugin. Mentre i titoli dei post non hanno problemi. Grazie

    3. Immagine avatar per SOS WP Team
      SOS WP Team

      Hai anche pulito la cache del browser?

    4. Immagine avatar per Daniele
      Daniele

      Si certo, ho fatto molte prove. Per togliermi ogni dubbio ho provato anche con altri temi: Astra, Hello, GeneratePress, Forefront, nessun problema. Invece con OceanWp niente da fare. Anche HoneyPress mi restituisce lo stesso errore.
      Grazie mille per l’attenzione e la disponibilità.

    5. Immagine avatar per SOS WP Team
      SOS WP Team

      Hai provato anche a disattivare i plugin?

  4. Immagine avatar per fabio
    fabio

    Buongiorno, notavo che il plugin suggerito copia sull’head di tutte le pagine il codice inserito, c’è la possibilità di caricare codice sul head di una specifica pagina?
    Grazie mille
    Fabio

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Fabio, certo è possibile. A questo proposito puoi usare uno specifico plugin che abbiamo testato e confermiamo che a nostro avviso fa un ottimo lavoro. Facci sapere se lo utilizzerai, un saluto!

  5. Immagine avatar per Federico
    Federico

    Sono passato al sito imlestar.com e ho rimosso per sbaglio il tag html del mio nuovo sito. Al momento su WordPress è presente quello vecchio e non riesco a reperire quello nuovo dal momento in cui Google Search Console ritiene il tag già verificato.
    In sostanza, non so più come trovare il tag e richiedo il vostro aiuto.
    Grazie!

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Federico, non capiamo se hai modificato il dominio del sito web. Cosa intendi per “passato a..”? Un saluto!

    2. Immagine avatar per Federico
      Federico

      Scusate, mi sono espresso male. Comunque intendo esattamente la modifica del dominio. Ho modificato in funzione del nuovo sito il tag html su WordPress di Google Search.
      Ma Google, per completare il cambio di proprietà (intendevo infatti trasferire la mia indicizzazione di imlestar.wordpress.com a imlestar.com), mi richiedeva la verifica del vecchio dominio attraverso il tag html.
      L’ho reinserito e ho verificato il sito come richiesto.
      Il problema è che adesso vorrei indicizzare imlestar.com, ma per Google Search il sito è già stato verificato e non riesco quindi più a trovare il tag html da inserire su WordPress.
      In pratica, il mio tag html su WordPress per Google corrisponde a quello del vecchio dominio, nonostante io abbia attivo quello nuovo. La conseguenza è che il nuovo dominio non si indicizzerà mai in questo modo.
      In sostanza, volevo fare il cambio di proprietà per trasferire tutto sul nuovo dominio e ora mi ritrovo in una situazione peggiore.
      Avendo un account premium WP non posso nemmeno fare uso dei plugin, che mi avrebbero già consentito di risolvere il problema

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Capisco Federico.. dai una occhiata a questo topic: cosa fare in caso di cambio di dominio sulla Google Search Console.

  6. Immagine avatar per FILIPPO
    FILIPPO

    Ciao dovrei incollare lo snippet-codice-tag-body che ho generato dalla mia pagina business di Facebook sul mio sito web per una live chat. Ho però notato che ad oggi il plugin “Insert Headers and Footers” (che mi permetterebbe di aggiungere il codice necessario a tutte pagine web del mio sito, senza dover toccare il codice dello stesso inserendolo insomma nell’header) non risulta testato con la mia versione di wordpress
    c’è qualche alternativa? Magari simile a quello da voi indicato che sia altrettanto facile da usare?
    Grazie 1000

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Filippo, previo backup del sito, utilizza pure il plugin che in base a nostri test recenti, funziona a dovere 🙂 Un saluto e buon lavoro!

    2. Immagine avatar per FILIPPO
      FILIPPO

      Fatto, ma non va. Non appare la chat

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Prova a inserire direttamente il codice fornito nel file header.php, tra i tag , per verificare la sua correttezza. Ovviamente, previo backup del file.

  7. Immagine avatar per Roberto
    Roberto

    Ciao e grazie per gli ottimi consigli.
    Però volevo chiederti una cosa: ho installato i pixel di facebook utilizzando “Insert Headers and Footers” e il plugin li ha giustamente caricati su tutte le pagine (o comunque io li vedo all’interno dei sorgenti di tutte le pagine).
    Ora però devo caricare i codici relativi ai pixel dei singoli eventi, che vanno immessi in UNA SOLA PAGINA e non in tutte. Non credo si riesca a fare con “Insert Headers and Footers”. Hai un metodo per aiutarmi?
    Grazie infinite in anticipo

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Roberto, questo plugin, permette di inserire il pixel anche per singole pagine, abilitando un apposito box di inserimento.

  8. Immagine avatar per Yolande
    Yolande

    buonasera,

    Ho la seguente versione 2.2.4.2, e c’è questa dicitura nell’elenco :
    Homepage Type: website- Facebook does not support blog anymore, so we have to default to website
    ora io dovrei verificare il sito di wordpress con Facebook business manager , ma il codice di verifica di facebook sia htlm sia metatag non viene riconosciuto. Suggerienti? grazie

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Yolande, sicura di avere inserito il codice di verifica correttamente? Quali istruzioni hai seguito?

  9. Immagine avatar per adriano
    adriano

    Ciao, dovendo creare molte pagine pressochè simili che riportano un tipo di prodotto con la sola diversità della città, avrei bisogno di inserire in ciascuna pagina un link o code relativo al testo che varrà per tutti ugualmente in modo da non essere penalizzato in fase SEO e non dover riscrivere il testo in 5 modi diversi. C’è un modo o un plug in che permetta di inserire all’interno di una parte della pagina un testo uguale per tutte le 4-5 pagine del sito e poi cambiare pagina per pagine tipo il titolo, le immagini o quan’taltro?
    Grazie

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Adriano, non conosciamo un plugin del genere. Sarebbe meglio procedere via codice, contattando uno sviluppatore 🙂

  10. Immagine avatar per giuseppe
    giuseppe

    Questa é la mail che ho ricevuto

    Buongiorno Giuseppe

    Con l’entrata in vigore della nuova normativa sulla privacy (GDPR) è richiesto l’inserimento all’interno del proprio sito della CMP una piattaforma utile per raccogliere il consenso degli utenti sugli annunci profilati

    Per facilitare l’inserimento della CMP puoi prelevare il codice direttamente dal tuo pannello nella sezione notifiche, troverai lo script da inserire che per comodità ti riporto di seguito:

    Da inserire nel tag body

    Se non inserirai la CMP il tuo traffico non verrà acquistato e quindi monetizzato

    Ti chiedo di inserire al più presto lo script per non perdere revenue preziose e di avvisarmi appena online

    Inoltre ti allego il file ads.txt aggiornato ti chiedo di verificare se anche la versione che inserito è aggiornata

    Grazie mille e buona giornata

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Giuseppe, il messaggio non è molto chiaro. Puoi contattarli e chiederli se deve essere inserito tra i tag body, o PRIMA del tag di apertura body?

  11. Immagine avatar per giuseppe
    giuseppe

    Ciao Andrea, devo inserire questo script nel mio sito. Mi puoi aiutare? Devo seguire le istruzioni di questo post? grazie

    Mi é stato indicato di inserrirlo nel tag body

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Giuseppe, di che script si tratta?

  12. Immagine avatar per tonino
    tonino

    ciao andrea ti volevo chiedere se fosse possibile tramite il modulo contatti di fare arrivare sulla mail un identificativo della pagina…
    cerco di spiegarmiabbiamo diverse pagine (ad es. pag 1, pag 2, pag 3 etc) ogni pagina contyiene un link che riporta al modulo contattaci (standard di wordpress) per richierere informazioni…. è possibile che se l’utente mi contatta dalla pagina 1 sulla mail venga riportato “da paagina 1” come faccio a richiamare la pagina sulla mail?
    spero di essere statochiaro

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao! Usate uno specifico plugin per il vostro modulo contatti? Un saluto!

    2. Immagine avatar per tonino
      tonino

      no, il classico modulo contatti previsto dal template

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Puoi usare uno specifico tag, se stai usando Contact Form 7 integrato con il tema https://contactform7.com/special-mail-tags/. Non conoscendo il tema che usi e come è strutturato il tuo form contatti, non sappiamo darti una indicazione più specifica!

  13. Immagine avatar per Leonardo
    Leonardo

    Ciao,

    tsvao seguendo le tue indicazioni, ma appena ho tentato di scaricare il plugin mi dice che devo fare l’abbonamento bisiness per scaricare e attivare. Alernative? forse non ho cpaito io qualcosa, tu dici che è gratis, ma l’abbonamento business mi coterebbe 25 euro al mese!

    Grazie se mi rispondi!

    Leonardo

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Leonardo, sicuro di scaricare dal link giusto? Abbiamo appena provato, il plugin si scarica e si installa in maniera gratuita senza problemi. Un saluto!

  14. Immagine avatar per Giusy
    Giusy

    Ciao, innanzi tutto grazie per la tua guida utilissima, volevo chiederti: e se ho più di un codice da inserire? Ad esempio io vorrei inserire sia il codice di google analytics che quello fornito dal mio promoter per quanto riguarda l’indicizzazione, ed entrambi vanno nella sezione head. Come devo separarli?

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao, puoi installarli entrambi uno dopo l’altro, lasciando uno spazio tra gli stessi. Hai attivato la nostra Assistenza WordPress? In questo caso ti diciamo noi come inserirli correttamente nella sezione head, basterà scriverci a info@sos-wp.it

  15. Immagine avatar per bernardo
    bernardo

    Ciao andrea, ho utilizzato il tuo plugin suggerito, Insert …. e per alcuni casi tutto ok.
    Grande problema invece quando ho dovuto caricare una Jquery per un booking online e qs. ultima è andata in conflitto con altre esistenti. Ora non penso esista un plugin per togliere gli script e mi pare di aver capito che per togliere non è affatto cosi semplice come mettere.
    Ho provato a cercare i file header e footer.php ma sono tutti richiami, non è ovviamente come l’html dove potevo intervenire. Qs. pagine sono create chissa da dove? sono abbastanza disperato anche perche il backup ultimo da ripristinare mi farebbe perdere 80 del lavoro fatto sul sito che era oramai quasi pronto. Scusa la lungaggine ma ho pensato di rivolgermi a te visto che ho seguito il tuo suggerimento. Peraltro ti seguo ed apprezzo sempre, ho fatto un sacco di cose dietro tue indicazioni. Se hai piacere di rispondermi penso che sia un post interessante anche per altri
    buona notte vista l’ora

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Bernardo, senza controllare direttamente il codice non possiamo darti risposte… per un aiuto diretto contatta il nostro reparto servizi https://sos-wp.it/servizi-web/ dove facciamo anche formazione 1 a 1 con schermo condiviso!

  16. Immagine avatar per Massimo
    Massimo

    Ciao, ho letto l’articolo ma la semplicità è di chi è un esperto, a me facendo test del mio sito viene detto:
    Crea la descrizione della pagina
    Il tuo sito web non dispone di una descrizione.
    Completa la descrizione della pagina. La descrizione ideale e completa dovrebbe essere composta da 140 a 180 caratteri.
    Inserisci questo codice nel tag del tuo sito internet.

    Hai spiegato come fare ma, ignorante in materia, posso dire che non ci riesco, o meglio non so come fare.
    Ho scaricato il plugin ma ho paura di fare danni.
    Cosa faccio ? Mi dai una mano, grazie
    Massimo

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Massimo, puoi usare un plugin come Yoast SEO di cui puoi leggere una guida https://sos-wp.it/come-ottimizzare-sito-con-seo-by-yoast/. Potrai inserire la descrizione del tuo sito web ed anche ottimizzare i tuoi contenuti.
      .

  17. Immagine avatar per Francesco
    Francesco

    Articolo molto interessante. Molti Plugin di WordPress sono davvero utili e ben fatti, ma più se ne inseriscono più aumentano i problemi di performance e incompatibilità. Molte cose si possono fare a livello di editor, però tocca fare poi attenzione ad aggiornare il tema. Proverò sicuramente Insert Headers and Footers…

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Bene Francesco, facci sapere che ne pensi del plugin!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *