come-installare-il-pixel-di-facebook

Luca BarbiPubblicato: Facebook Ads

Pixel di Facebook: guida avanzata per l’installazione

Il pixel di Facebook è diventato uno strumento fondamentale per realizzare campagne Facebook Ads di successo e per monitorare con efficacia tutto ciò che accade sul tuo sito web. In questa guida ti spiego come configurarlo correttamente e sfruttare tutte le sue enormi potenzialità.

Pixel di Facebook: che cos’è?

Il pixel di Facebook è una piccola porzione di codice che ti permette di raccogliere diverse informazioni dei tuoi utenti e di quello che fanno durante la navigazione sul tuo sito web.

Il pixel è inoltre in costante comunicazione con Facebook e questo ti permette, come vedremo in seguito, di utilizzare tante funzionalità avanzate della piattaforma pubblicitaria del social network, ovvero di Facebook Ads.

Il suo funzionamento è piuttosto semplice. Ogni volta che un utente atterra su una pagina del tuo sito web, il codice del pixel raccoglie un certo numero di informazioni, le associa all’account Facebook del diretto interessato e le invia sui server del social per la memorizzazione. 

Come già avrai capito ci sono alcune condizioni necessarie affinché tutto funzioni come si deve:

  • gli utenti desktop devono essere connessi a Facebook con il browser da cui stanno visualizzando il tuo sito
  • gli utenti mobile devono essere connessi con il browser oppure devono aver installato  l’app ufficiale di Facebook sul loro dispositivo e aver fatto login. Nota che se sono connessi in entrambi i modi ma con due account differenti l’app avrà la precedenza.

Affinché tutto vada a buon fine gli utenti devono inoltre:

  • non aver attivato nessun tipo di blocco dei contenuti pubblicitari
  • non navigare su una tab in modalità incognito.

Sembrano tante condizioni, ma essere tracciati dal pixel di Facebook è molto più semplice di quanto tu possa immaginare. Ed è per questo che è così conveniente installarlo sul proprio sito web.

Ciò nonostante è incredibile notare quanti siti web ancora non lo abbiano implementato e quanti altri lo abbiano fatto in modo errato.

Tuttavia sei finalmente arrivato nel posto giusto. Leggendo questa guida imparerai tutto quello che c’è da sapere sul pixel di Facebook. 

Ma andiamo con ordine.

Come creare un pixel di Facebook

Per prima cosa, devi sapere che il pixel di Facebook è legato all’account pubblicitario, quindi se non ne hai uno aprilo ora, è gratuito. Qui puoi trovare la guida ufficiale di Facebook.

Una volta che hai attivato l’account pubblicitario accedi a Gestione Inserzioni e da lì, premi sul menù in alto a sinistra, sposta il mouse su Tutti gli strumenti e seleziona Pixel nella colonna Misurazione e Report

facebook-ads-gestione-inserzioni-pixel

Abbiamo quasi fatto. Se non trovi nessun pixel nell’elenco che hai appena aperto, ti basta premere su Aggiungi un’origine dei dati in alto a destra e selezionare Pixel di Facebook dal menù a tendina.

A questo punto ti basta scegliere un nome e il pixel verrà creato.

È arrivato il momento di implementarlo sul sito web.

Installare il Facebook Pixel sul sito web

Installare il Pixel di Facebook sul sito web non è complicato, ma richiede un minimo di attenzione.

Ci sono diversi metodi che puoi seguire. In questa guida passiamo in rassegna i più diffusi e utilizzati.

Prima di procedere tuttavia è importante che tu capisca alcuni principi.

Il pixel di Facebook deve essere installato su tutte le pagine del sito, nessuna esclusa, nella sua forma base. Questa ti permetterà di tracciare il traffico, ovvero le PageView.

Occorrerà poi inserire ulteriori porzioni di codice per segnalare a Facebook gli eventi degni di nota che deciderai di voler tracciare. Queste porzioni di codice andranno inserite solamente nelle pagine target (ad esempio se vuoi tracciare i visitatori di alcune sezioni del sito) oppure eseguite al verificarsi di determinati eventi (ad esempio se vuoi tracciare i click sulla call to action di una landing page o gli invii di un modulo di contatto).

Più avanti vedremo come configurare queste ultime porzioni di codice, mentre nei prossimi paragrafi ci occuperemo di installare il pixel nella sua versione base, comunque sempre necessaria, su tutte le pagine del sito.

Installazione manuale del codice

L’installazione manuale del codice è indicata per gli utenti più esperti e che hanno accesso a tutti i file che compongono il sito web su cui stanno per mettere le mani.

Prima di cominciare è importante che tu faccia un backup di tutti i file, in modo da poter recuperare il tutto nel caso in cui qualcosa dovesse andare storto. Non si sa mai!

La forma del pixel di Facebook è la seguente:

<!-- Facebook Pixel Code -->
<script>
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];
  s.parentNode.insertBefore(t,s)}(window, document,'script',
  'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', '000000000000000');
  fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
  src="https://www.facebook.com/tr?id=000000000000000&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->

Ovviamente al posto di 000000000000000 troverai il tuo ID. 

Per ottenere il tuo codice premi su Visualizza le istruzioni di configurazione accanto al nome del pixel che hai appena creato. Ti si aprirà la seguente schermata:

facebook-pixel-installazione

Seleziona l’installazione manuale, quindi copia il codice che comparirà nella schermata successiva. 

Come ti dicevo poco fa, il pixel deve essere inserito all’interno di tutte le pagine del sito web. In particolare dovrai incollarlo prima della chiusura del tag <head> oppure all’interno del file template dell’header del CMS in uso.

Se stai utilizzando WordPress, ad esempio, dovrai incollare il pixel di Facebook, all’interno del file header.php del template che stai utilizzando.

Installazione con Google Tag Manager

Se hai già installato Google Tag Manager o un altro strumento di gestione dei tag sul tuo sito web, puoi utilizzarlo per inserire anche il pixel di Facebook.

Questa opzione ti consente di mantenere il tuo ecosistema più ordinato e di non sporcare il codice del sito con parecchie porzioni di codice aggiuntivo.

Il processo di inserimento è semplicissimo. Crea un nuovo Tag di tipo HTML Personalizzato, quindi incolla il codice del pixel di Facebook  e imposta il trigger All pages. Dovresti ottenere il seguente risultato:

Naturalmente puoi decidere di posticipare il firing del tag utilizzando i trigger DOM Ready o Window Loaded, ma questo dipende dalle tue necessità.

PixelYourSite Pro: il plugin perfetto per WordPress e Woocommerce

Se per creare il tuo sito hai utilizzato WordPress o Woocommerce hai un’ulteriore possibilità per l’installazione del pixel di Facebook.

Puoi infatti decidere di utilizzare un plugin. E se devi farlo mi sento di consigliarti PixelYourSite Pro, un vero gioiellino.

Oltre a gestire l’inserimento della versione base del pixel di Facebook, questo plugin è perfettamente ottimizzato per la gestione degli eventi standard e delle azioni d’acquisto su Woocommerce. Una vera scorciatoia che ti farà risparmiare un po’ di tempo.

Puoi trovarlo qui.

Verifichiamo la corretta installazione

Finalmente la versione base del Pixel di Facebook è stata installata. O almeno, dovrebbe esserlo!

Immagino infatti tu ti stia chiedendo: ho fatto tutto correttamente? e se no, quando me ne accorgerò?

Partiamo col dire che fortunatamente la reattività di Facebook su questo fronte è piuttosto elevata. Se hai fatto tutto correttamente il pixel dovrebbe iniziare a raccogliere dati fin da subito. 

Tuttavia non ci basta la prova empirica e, anche per testare correttamente le future implementazioni, sarà bene munirci di uno strumento, completamente gratuito, che ci consente di verificare in pochi secondi la correttezza dell’implementazione appena eseguita.

Per farlo, devi scaricare un’estensione di Chrome (già, purtroppo esiste solo per Chrome) chiamata Facebook Pixel Helper.

Una volta installata, in alto a destra della barra degli indirizzi di Chrome troverai la sua icona. Ora apri una pagina del tuo sito web e attendi il completamento del caricamento. Una volta fatto, premi con il tasto sinistro del mouse sull’icona di Facebook Pixel Helper.

Se l’installazione del Pixel di Facebook è andata a buon fine dovresti trovarti in questa situazione:

facebook-pixel-helper

Come vedi, il pixel di Facebook ha inviato un evento Page View e la spunta verde accanto all’evento testimonia che tutto è andato per il verso giusto. 

Nel caso in cui non dovessi avere la spunta verde o non dovessi vedere l’evento Page View significa che qualcosa è andato storto durante il processo di installazione, quindi devi rimboccarti le maniche e capire dove hai sbagliato e cosa.

Se invece tutto è filato liscio fin qui, è giunto il momento di parlare degli Standard Events e dei Custom events. Tuttavia prima è bene chiarire i motivi che dovrebbero farti ritenere indispensabile questo tipo di tracciamento!

Perché tracciare gli eventi?

Abbiamo visto come installare il Pixel di Facebook su tutte le pagine del sito web. Perché è tuttavia necessario andare oltre e tracciare le azioni che compiono gli utenti durante le loro visite?

Ci sono almeno due motivi, entrambi importanti.

In primo luogo, tracciare gli eventi è molto importante a fini di analisi. Solo così, infatti, sarai in grado di valutare l’efficacia delle tue pagine, dei cambiamenti che apporterai ad esse e, in definitiva, prendere decisioni basate su dati concreti e non su opinioni soggettive.

Potresti obiettare che hai già configurato Google Analytics a questo scopo, e in parte hai ragione. In parte, perché in realtà grazie a un tracking completo potrai sfruttare le potenzialità di Facebook Analytics, uno strumento complementare a Google Analytics che ti consente di analizzare alcune metriche altrimenti non consultabili.

Ma tracciare gli eventi è importante soprattutto per l’ottimizzazione delle campagne Facebook Ads. Non sarebbe altrimenti possibile creare delle campagne di conversione e, tantomeno, impostare attività di remarketing.

Di queste cose parlo anche nella mia guida completa a Facebook Ads. Se sei agli inizi ti consiglio di leggerla con attenzione. 

Tracciare le azioni sul sito: gli Standard Events

Ogni volta che un utente compie un’azione sul sito web, il pixel di Facebook può registrare un evento.

Abbiamo due categorie di eventi a disposizione: gli eventi standard e quelli personalizzati.

Gli eventi standard (o standard events se utilizzi Facebook in inglese) sono nove azioni che, di default, puoi tracciare sul sito web.

Per visualizzare la lista completa, ti rimando alla documentazione ufficiale di Facebook che puoi trovare qui.

Come vedi sono azioni piuttosto comuni e in genere accettano diversi parametri (in fondo non sono altro che funzioni che dovrai richiamare nel codice al verificarsi di determinati eventi sul sito).

In questa pagina puoi trovare tutti i possibili parametri per ogni evento standard, di seguito invece prendiamo in considerazione la sintassi generale:

fbq('track', 'nome_evento', {
      parametro_1: valore_1,
      ...,
      parametro_n: valore_n
   }
);

Come integrare il pixel con gli eventi standard?

In sostanza, puoi procedere come fatto per l’inserimento del pixel base, ma invece di chiamare la funzione del tuo evento al caricamento di ogni pagina, dovrai lanciarla al verificarsi di un determinato evento.

Su Google Tag Manager dovrai utilizzare tag di tipo HTML Personalizzato e un trigger basato sull’azione che stai cercando di tracciare.

Devi solamente fare attenzione a due dettagli:

  • non richiamare di nuovo tutto il pixel di Facebook, ma solo la funzione fbq() inerente all’evento che devi tracciare;
  • assicurati che la funzione dell’evento venga richiamata dopo lo script del pixel di base.

Nel caso in cui tu abbia scelto PixelYourSite Pro puoi seguire le indicazioni del plugin tenendo presente che Woocommerce è pienamente supportato dunque non ti sarà necessario implementare le azioni standard su tutte le azioni d’acquisto (ViewContent, AddToCart, InitiateCheckout e Checkout). 

Una volta terminata l’aggiunta delle azioni standard controlla che tutto sia andato a buon fine utilizzando l’estensione di Chrome Facebook Pixel Helper come visto in precedenza.

Tracciare gli eventi personalizzati

In molti casi, specialmente per funnel più articolati, gli eventi standard potrebbero non essere sufficienti per tracciare la varietà di azioni degli utenti. È quindi necessario ricorrere agli eventi personalizzati.

Se hai capito come lavorare con gli eventi standard non ti sarà affatto difficile implementare quelli personalizzati. Di fatto si procede nello stesso modo ma modificando qualche parametro nella funzione fbq().

Ecco la sintassi che dovrai utilizzare:

fbq('trackCustom', 'nome_evento_personalizzato', {
      parametro_personalizzato_1: valore_1,
      ...,
      parametro_personalizzato_n: valore_n
   }
);

Vediamo ora un esempio con valori reali:

fbq('trackCustom', 'downloadEbook', {
      urlPagina: 'https://www.coine.it',
      utenteLoggato: false
   }
);

Come per gli eventi standard potrai utilizzare i soliti metodi per l’implementazione sul tuo sito web e anche in questo caso avrai vita più facile con PixelYourSite Pro, visto che nella scheda Eventi potrai gestire tutti gli eventi personalizzati senza mettere mano al codice.

Creare una conversione basata su un Custom Event

Se hai già lavorato con gli Standard Events saprai che ognuno di essi è presente nativamente in Facebook Ads tra le possibili conversioni delle campagne.

Per gli Eventi Personalizzati non è così. Se vuoi creare una campagna ottimizzata per un’azione custom, dovrai creare una Custom Conversion.

Se non l’hai mai fatto prima, ti rimando alla mia guida completa sulla creazione delle conversioni personalizzate.

È importante sapere che prima di poter creare una custom conversion basato su un evento personalizzato, questo deve verificarsi almeno una volta, altrimenti non comparirà nell’elenco degli eventi disponibili. Se nonostante tutto non dovessi trovarla tra le azioni disponibili ti consiglio di attendere qualche minuto, a volte Facebook si fa desiderare!

Il pixel di Facebook e le audience di remarketing

Siamo arrivati al termine della configurazione e ora il tuo pixel è pronto per tracciare tutto quanto avviene sul sito web. Tra i tanti benefici che questo comporta, la possibilità sicuramente più ghiotta è quello di creare delle audience di remarketing.

Quali sono infatti gli utenti più inclini alla conversione? Probabilmente quelli che hanno iniziato il percorso d’acquisto e non l’hanno portato a termine.

Potrebbe essere sufficiente un ulteriore piccolo stimolo per farli propendere verso la conversione, dunque è sempre bene investire su di loro.

Ho realizzato diversi approfondimenti in merito. In particolare mi sento di consigliarti due ulteriori guide (scusami, in questo articolo te ne ho già consigliate parecchie):

In particolare, nella guida dedicata alle custom audience ti spiego come creare un pubblico basato sugli eventi o sulle conversioni personalizzate generate sul sito web. In quella sul remarketing invece ti spiego le migliori tecniche per portare a termine con profitto questa attività su Facebook Ads.

Il pixel di Facebook dopo il GDPR

Il pixel di Facebook, così come tanti altri strumenti di tracciamento, ricade sotto la scure del GDPR e della normativa sui Cookies. Questo significa che prima di rilasciare il pixel di Facebook sul sito web devi ottenere il consenso da parte degli utenti.

Non essendo un legale non mi dilungo nel merito della questione, ma ti segnalo un’utile pagina realizzata proprio da Facebook e utile a far luce sull’argomento.

Ora hai a disposizione tutti gli strumenti per tracciare con efficacia traffico e azioni sul tuo sito web. Se hai trovato utile la guida, puoi ringraziarmi condividendola sui tuoi canali social o facendomi sapere cosa ne pensi nei commenti qui sotto. Buon lavoro!

Pixel di Facebook: guida avanzata per l’installazione ultima modifica: 2018-09-01T17:08:57+00:00 da Luca Barbi
Conosci l'autore
Luca Barbi

Luca Barbi

Facebook Twitter

Consulente in ambito digital marketing, lavora sul web da oltre dieci anni. Specializzato in Facebook ADS, ama lavorare alla creazione di strategie advertising sostenibili e profittevoli per e-commerce.

Scrivi un commento