Guida Base

Guida Base: implementare il Pixel di monitoraggio di Facebook con Google Tag Manager

[Aggiornata il 14 Gennaio 2021]

Per poter implementare, monitorare ed ottimizzare i risultati delle tue campagne Facebook Ads è necessario installare, come per Google Ads, un codice di monitoraggio.

Il codice di monitoraggio di Facebook prende il nome di Pixel di monitoraggio, ma la sua funzione non cambia. Si tratta appunto di un codice Javascript da inserire nella struttura HTML della pagina web che si vuole tracciare.

Implementare il Pixel di monitoraggio di Facebook tramite Google Tag Manager è molto semplice, ecco come fare.

Step 1 – Copia il Pixel di monitoraggio Facebook

  • Entra in Facebook con l’account con il quale gestisci la pagina Facebook che desideri monitorare.
  • Nel menu principale di Facebook, in alto a destra, clicca sulla freccia rivolta verso il basso per aprire tutte le opzioni disponibili e clicca su “Gestione inserzioni” (puoi anche cliccare su questo link per andare direttamente alla Gestione delle inserzioni).
  • Da qui, clicca su Strumenti > Pixel.
  • Un volta entrato nella pagina del Pixel di Facebook, clicca Azioni > Visualizza codice pixel.
  • Visualizzerai una finestra con il codice le Pixel di monitoraggio. Copia lo snippet di codice.

Step 2 – Crea il Tag

  • Entra in Google Tag Manager.
  • Clicca sulla sezione Tag > Crea nuovo.
  • In Configurazione tag scegli: “Tag HTML personalizzato” (il tag di Facebook non è presente fra i tag di default di GTM).
  • Adesso incolla il Pixel di monitoraggio che hai copiato nello step 1.
  • Clicca poi su Impostazioni avanzate > Opzioni di attivazione tag e  seleziona “Una volta per pagina”
  • Attiva su: puoi attivarlo su tutte le pagine oppure solo su determinate pagine. Nel mio esempio seleziono All Pages (tutte le pagine, appunto).
  • Non ti resta che rinominare il Tag e salvare. Io ad esempio l’ho rinominato “Pixel Facebook – Demo TagManagerItalia”.

 

Non trovi più lo snippet del Pixel di Facebook?

È capitato anche a me. Dove diavolo lo riprendo lo snippet originale di Facebook quando ha già iniziato a collezionare i dati?

Ti basterà andare nel tuo Pixel e cliccare il pulsante “Add Events” e scegliere “From a New Website”

 

A questo punto apparirà un dialog dove ti chiederà come lo vuoi installare. Ti basterà scegliere l’opzione manuale… e voilà!

Il gioco è fatto!

 

 

PS: esiste un modello creato da Simo Ahava per gestire il Pixel di Facebook. Non è un modello ufficiale di Facebook, quindi valuta tu se usarlo oppure no. Io, per il momento, preferisco usare il Tag HTML Personalizzato.

Per usarlo ti basterà andare nella voce modelli e utilizzare la il pulsante galleria.

Step 3 – Visualizza in Anteprima

Prima di pubblicare il Tag, controlla il suo corretto funzionamento attivando la modalità Debug/Visualizzazione in anteprima.

Da Google Tag Manager clicca su Aggiorna e poi il tasto Anteprima.

Visita ora il tuo sito web e vedrai in basso una finestra in cui vengono indicati gli eventi ed i Tag eseguiti nelle varie pagine. Controlla che il Tag appena implementato sia sotto la voce “Tags Fired On This Page” nelle pagine che ti interessano.

Puoi verificare la corretta implementazione del tag anche grazie ad un’estensione del browser Chrome: Facebook Pixel Helper. Con questo plugin puoi vedere se il pixel è stato rilevato nella pagina. Ecco un esempio della schermata del plugin:

Se il Tag è implementato correttamente, pubblica cliccando il pulsante blu “Invia”!

Ora, personalizzando il tuo Pixel di Facebook potrai monitorare le tue campagne Facebook Ads, implementare campagne di Remarketing in base agli interessi delle persone che ti seguono e… molto altro! Pubblicherò altre guide specifiche per implementare queste funzioni.

Attenzione! Ti suggerisco di stare attento al gtm-msr-appspot.com (qui il glossario), ma niente paura perché grazie questa guida sarai in grado di eliminare questo problema 🙂

Alla prossima e… buon Tag!

Matteo Zambon

View Comments

  • Ciao Matteo,
    Guida super utile, una domanda! Se dovessi tracciare un evento standard del Pixel di Facebook nel momento esatto in cui compilano il form, nel mio caso contact form 7, come dovrei fare su google tag manager?

  • Buongiorno ragazzi,
    ho seguito pedissequamente la guida per il pixel, dopo aver pubblicato le modifiche trovo che pixel helper mi da errore dicendo:

    We detected event code but the pixel has not activated for this event, so no information was sent to Facebook. This could be due to an error in the code, but could also occur if the pixel fires on a dynamic event such as a button click.

    come mai? cosa potrebbe essere?

  • Buonasera Matteo

    Sto impazzendo probabilmente per una stupidaggine.

    Dove trovo il codice HTML di un pixel già creato.
    Sono entrato in tutti i menù possibili ma niente, trovo solo l' ID

    Volevo fare una prova aggiungendolo a TM come codice Html perchè con il modello ho dei problemi (miei probabilmente)

    Grazie

    • Ciao Marco, ho appena aggiornato la guida mettendo dove trovare lo snippet ;)

      Fammi sapere!

  • Ciao Matteo,
    domanda da neofita per il Facebook pixel: ho già il pixel sul sito, ora installo GTM. Devo prima installare GTM e poi rimuovere il pixel dal codice giusto? Copio e incollo il pixel in fase di creazione tag e non perdo lo storico dati, corretto?
    Grazie per la disponibilità,
    Melania

    • Ciao Melania. Non perdi lo storico assolutamente. Ti conviene sì prima installare GTM e poi togliere dal codice :)

      Se hai dubbi fammi sapere!

  • Ciao Matteo! Per imporre ai tag di partire solo dopo che il pixel sia attivo ho flaggato l'opzione "Attiva un tag prima dell'attivazione di ..." È normale che ad ogni attivatore il pixel venga nuovamente attivato? Nella preview di GTM ho il pixel sparato 9 volte

    • Ciao Patrick, sì certo è normale. La cosa che devi fare è mettere "attiva una sola volta per pagina" il tag principale che chiami :) Così verrà sparato 1 sola volta ;)

  • Ciao, ho una domanda! E' possibile installare uno snippet per un evento come "inizio di acquisto" direttamente sul bottone? Cioè che si attivi solo se qualcuno clicca li e non sul caricamento di una pagina? Se si, come?

  • Ciao Matteo,
    domanda per il pixel (ma che immagino valga per tutti gli altri tag come GA, Hotjar ecc): spostando lo script del pixel di facebook dal codice html del sito al suo nuovo contenitore su GTM, c'è rischio di perdere lo storico del pixel?
    Grazie per la disponibilità,
    Ludovico

    • Ciao Ludovico, no assolutamente. A patto che il codice del pixel sia lo stesso. Questo perchè è l'account di Facebook Business (o per essere più precisi, proprio il Pixel Facebook) che immagazzina i dati.
      Facebook non si renderà nemmeno conto del cambiamento!
      A presto!

  • Ciao Matteo,
    Ho fatto tutti i passaggi e non mi da nessun errore ne con facebook pixel helper ne in fase di debugging di GTM. Ho installato 5-6 eventi su GTM ma quando vado dentro il business manager non vedo la suddivisione che ho creato io, ma semplicemente un generico Lead e un Contatti autogenerato. Se vado a fare un report pubblicitario invece in fondo alle metriche non mi trova gli eventi che ho creato. come è possibile?. Grazie mille per il tuo chiarimento

    • Do per scontato che stai guardando su business manager il pixel del sito vero? Se da pixel helper vedi l'evento ed è verde allora per forza lo devi avere sull'analisi del pixel da business manager. Hai guardato con Facebook Analytics?

  • Ciao Matteo

    Perdona la domanda sciocca,

    Che differenza c'è tra: installare il pixel sulla pagina html del sito o installarlo tramite GTM?

    Grazie

    • Ciao Christofer, la differenza sta che tutte le azioni che puoi tracciare con GTM le puoi passare al Pixel, quindi non pensare al solo pageview, ma pensa a tutto quello che potresti passargli :)

Recent Posts

Caso studio: LUISAVIAROMA ottimizza il tracciamento dei dati Ecommerce e le performance Advertising grazie GA4 e BigQuery

LUISAVIAROMA è uno dei principali fashion e-tailer di lusso al mondo, con oltre 5 milioni…

1 settimana ago

Caso studio: Mondo Convenienza realizza +85% di vendite ecommerce e +100% di conversioni aggiuntive per le campagne Meta Ads grazie GA4 e Server-Side Tracking

All’interno del vasto e competitivo mercato della Grande Distribuzione Organizzata (GDO), Mondo Convenienza rappresenta uno…

2 settimane ago

Come creare un report in GA4 per analizzare il funnel di conversione di un sito web o ecommerce

Se ti occupi di marketing o advertising, saprai che i funnel rappresentano il percorso che…

2 settimane ago

Attribuzioni errate in GA4: cause e soluzioni al problema

Negli ultimi mesi hai notato in Google Analytics 4 un calo improvviso e inspiegabile nelle…

4 mesi ago

Come creare una Dashboard Ecommerce per analizzare i dati degli acquisti Nuovi e di Ritorno

Se ti trovi su questa guida è perché hai compreso che solo attraverso la Data…

5 mesi ago