Installare il tag di Facebook con Google Tag Manager

Il tag manager di Google è uno strumento potente per la gestione di tag sul tuo sito web. Consente di gestire e implementare facilmente tag di monitoraggio e di marketing, senza la necessità di interventi tecnici sul codice del tuo sito web. Tra i vari tag che puoi installare sul tag manager, uno dei più importanti è il tag di Facebook.
In questo articolo, vedremo come installare il tag di Facebook con Google Tag Manager, come identificare gli attivatori per il tag di Facebook Meta e come verificare il funzionamento del tag personalizzato di Facebook Meta.

Indice

1. Come si installa un tag sul tag manager
2. Come installare un tag personalizzato sul tag manager
3. Come installare il tag di Meta sul tag manager
4. Come personalizzare il tag di Facebook Meta con il tag manager
5. Identificare gli attivatori per il tag di Facebook Meta
6. Come verificare il funzionamento del tag personalizzato di Facebook Meta

I tag “HTML personalizzato“ sono degli strumenti potenti, perché ti permettono di sfruttare le potenzialità del tag manager per inserire nelle pagine di un sito qualsiasi, righe di codice che possano essere interpretate dal browser. Per installare un tag HTML personalizzato sul tag manager di Google, devi seguire questi passaggi:

1. Accedi al tuo account Google Tag Manager e vai alla sezione “Tag”.
2. Clicca sul pulsante “Nuovo”.
3. Seleziona “HTML Personalizzato” come tipo di tag.
4. Inserisci il codice del tuo tag personalizzato nel campo “Codice HTML”.
5. Seleziona l’attivatore per il tag. Questo passaggio è probabilmente il più importante, perché dovrai definire quando questo tag dovrà essere attivato. Per i tag global, che in genere fanno da collettori di più eventi tracciati, la scelta è “Tutte le pagine”. Per i tag di conversioni, invece, l’attivatore dovrà scattare solo al verificarsi dello specifico evento.
6. Salva il tag, fai un’anteprima per verificare che tutto funzioni e pubblica le modifiche sul tuo sito web. Questo passaggio è fondamentale perché rende effettive le modifiche sul sito.

Le personalizzazioni del tag possono essere di 2 tipi: si possono aggiungere informazioni al tracciamento stesso (valore della transazione di un eCommerce, nome del prodotto, quantità aggiunte al carrello) ed è possibile tracciare eventi personalizzati.
Le variabili personalizzate sono strumenti utili per immagazzinare informazioni. L’apposita sezione “Variabili” del tag manager ti permette di modificare le variabili pre-impostate oppure di crearne di nuove. All’interno si possono registrare valori, anche in maniera dinamica, così da passarli poi all’interno dei tag di tracciamento. Per un approfondimento sulle variabile pubblicheremo un contenuto specifico.
I tag evento, invece, arricchiscono le funzionalità di un tag già installato. Per quanto riguarda Facebook, l’utilizzo è semplicissimo. Quanto segue prevede la presenza di un tag Facebook/Meta già installato.

1. Creare un nuovo tag “HTML personalizzato”
2. Inserire queste righe di codice:
   <script>
   fbq(‘track’, ‘NOME EVENTO’, {currency: “EUR“, value: 30.00});
   </script>
   a. Questo codice prevede un’azione riconosciuta dal sistema di tracciamento di META; il termine “track” quindi non va modificato. Le parti evidenziate in giallo, di contro, possono essere personalizzate a piacere. Al posto di “NOME” è possibile inserire il nome da dare all’evento, ad esempio “CONVERSIONE SUL SITO CLICCANDO SUL PULSANTE ACQUISTA”. La valuta e l’importo possono essere quelle preferite ed eventualmente dinamiche. Ad esempio, il valore di una transazione dovrebbe essere passato dinamicamente a questo script, attraverso una variabile
   personalizzata. Dopo aver creato la variabile, per inserire nel codice vanno utilizzate le doppie parentesi graffe {{nome variabile}}
   b. Molto importante: il codice funziona anche scritto così:

fbq(‘track’, ‘NOME EVENTO’);

In questo caso, ovviamente, non considera valore e valuta utilizzata. Esistono una serie di nomi standard di eventi che Facebook riconosce, così come una serie di arricchimenti del codice, come currency e value. Sulla documentazione ufficiale di Meta sono riportate diverse informazioni a riguardo.

Dopo aver installato e personalizzato il tuo tag di Facebook/Meta, è importante verificare che funzioni correttamente. Per farlo, puoi utilizzare la funzione di Anteprima del tag manager di Google.
Per utilizzare la funzione di Anteprima, segui questi passaggi:

1. Accedi al tuo account Google Tag Manager e vai alla sezione “Anterpima” utilizzando il pulsante posizionato a destra nella barra in alto della pagina
2. Inserisci l’URL del sito nel quale il tag andrà installato
3. Seleziona “Connetti” -> si aprirà in una nuova finestra il sito specificato, insieme ad una finestra del TAG ASSISTANT. Se non hai installato il TAG ASSISTANT, procedi all’installazione del add-on sul browser.
4. A questo punto dovresti avere 3 finestre aperte: Tag Manager, Tag Assistant, Pagina del sito che vorresti navigare
5. Naviga il sito fino al punto di attivazione dell’evento da tracciare (esempio: una conversione) oppure semplicemente naviga qualche pagina del sito. Tornando alla schermata del Tag assistant potrai verificare, per ciascun evento e per ciascuna pagina caricata, quali tag siano stati attivati e quali variabili siano state trasferite dalla navigazione al tag. È possibile indagare anche il motivo della mancata attivazione di uno o più tag e quindi correggere le impostazioni sul tag manager.