N.B.: gli screenshot in questo articolo risalgono a ottobre 2020, l'interfaccia e la piattaforma dei Facebook Pixel cambiano regolarmente quindi l'aspetto potrebbe non essere lo stesso. Tuttavia, la procedura dovrebbe rimanere invariata.
Prima di tutto, cos'è Google Tag Manager?
Google Tag Manager (GTM) è un sistema di gestione dei tag che ti permette di monitorare dati più avanzati. GTM aggiorna rapidamente e facilita il tracciamento dei dati su applicazioni o siti web. È un'interfaccia che ti permette di creare e visualizzare i tag che crei. GTM è un Tag Management System, funziona come un CMS (Content Management System) ma non gestisce i contenuti del sito bensì tag specifici.
Puoi monitorare i tuoi dati collegando il tuo account Google Tag Manager a Google Analytics, ad esempio.
Perché abbiamo bisogno di Google Tag Manager?
I vantaggi di Google Tag Manager:
Fa risparmiare tempo agli sviluppatori. Non serve svilupparlo internamente, l'interfaccia è comprensibile e chiunque può implementarlo.
Dati più precisi. Permette un tracciamento personalizzato e l'analisi di dati/esigenze specifiche.
Aumenta la velocità del sito (tempo di risposta, workflow, tempo di caricamento delle pagine)
Perché configurarlo per il tuo account bsport?
Per poter analizzare il comportamento degli studenti e dei potenziali studenti quando si trovano sulla piattaforma bsport collegata al tuo account. Puoi analizzare le diverse fasi, i clic, le sessioni e altro ancora.
Cosa sono i Facebook Pixel?
Il Facebook Pixel è un frammento di codice che ti permette di recuperare i dati degli utenti che hanno visitato il tuo sito web per creare un pubblico.
Perché abbiamo bisogno dei Facebook Pixel?
Il Facebook Pixel serve a ottimizzare le campagne pubblicitarie su Instagram e Facebook, ad analizzare il traffico verso il tuo sito tramite Facebook e a tracciare il percorso d'acquisto e altri dati legati alla pubblicità.
Perché configurarlo per il tuo account bsport?
Per poter analizzare il comportamento degli utenti dopo aver cliccato su un'inserzione Facebook o Instagram. Per avere i dati giusti per ottimizzare le tue campagne di marketing.
Ora che sai cosa sono Google Tag Manager e i Facebook Pixel, iniziamo questo tutorial per collegare questi due strumenti alla tua piattaforma bsport.
I diversi passaggi per poter recuperare i dati bsport:
Collega il tuo account bsport e Google Tag Manager
Configura il tuo account Google Tag Manager
Configura il tuo account Facebook Pixel
Collega i Pixel e Google Tag Manager
Crea i tag Google Tag Manager per tracciare i dati delle inserzioni Facebook
Verifica che le azioni sulla piattaforma vengano riportate ai Pixel
Per questo tutorial ti servirà:
Un account Google Tag Manager
Un account Facebook Business Manager, che dà accesso ai Facebook Pixel
Un account bsport
Collega il tuo account Google Tag Manager e bsport
Per collegare il tuo account Google Tag Manager e bsport ti servono solo due cose:
Conoscere il tuo identificativo Google Tag Manager
Inserire il tuo ID Google Tag Manager nella piattaforma bsport
Per conoscere il tuo ID Google Tag Manager basta andare nell'interfaccia GTM e trovare il tuo ID.
Lo trovi qui:
Il numero accanto a GTM è il tuo ID.
Poi, accedi alla tua piattaforma bsport come amministratore.
Devi inserire il tuo ID Google Tag Manager in Impostazioni > Generale > Google Tag ID
Ora il tuo account bsport e Google Tag Manager sono collegati.
Configura il tuo account Google Tag Manager
Ora puoi configurare il tuo account GTM per tracciare i dati della tua piattaforma.
Google Tag Manager funziona con 3 impostazioni:
Tag. Crearne uno ti permette di impostare regole, di scegliere cosa vuoi tracciare. Può trattarsi di una visualizzazione di pagina, dell'importazione di informazioni da Google Analytics/Facebook Pixel, ecc.
Trigger, i dati che vuoi tracciare, il tag che verrà attivato da una determinata azione. Ad esempio: clic su un video, clic su un articolo, aggiunta al carrello, ecc.
Variabili, variabili che possono essere applicate ai trigger per ottenere un tracciamento più preciso
Ora puoi creare tag per tracciare i dati sulla tua piattaforma bsport.
Per analizzarli, devi collegare il tuo account Google Tag Manager a Google Analytics.
Per creare un tag in Google Tag Manager clicca su "Tag" nella barra laterale sinistra, poi su Nuovo.
Dopo aver creato un account Google Analytics e averlo collegato a Google Tag Manager, questo avviene automaticamente.
Poi, sulla piattaforma Google Tag Manager, devi creare un tag > Google Analytics: Universal Analytics
La configurazione avviene automaticamente e tutto ciò che devi fare è scegliere la variabile e il trigger per il tag.
Per l'attivazione del tag devi scegliere "Tutte le pagine" Visualizzazione di pagina, in modo che il tag venga attivato ogni volta che viene visualizzato/caricato sulla piattaforma.
Una volta fatto, verrai indirizzato a una pagina simile a questa:
Puoi visualizzare l'anteprima, verificare che il tag venga attivato quando viene visualizzato sulla piattaforma/sul tuo sito e pubblicare!
Questo è lo stesso principio per tutti gli altri tag possibili su Google Tag Manager.
Configura il tuo account Facebook Pixel
Devi avere un account Facebook Business Manager, per gestire le inserzioni e anche per creare e moderare i Pixel. Per creare un account: https://business.facebook.com/overview
Dopo aver creato un account, vai al Gestore Eventi. Da lì puoi creare un Pixel.
Puoi creare un Pixel per il tuo sito, per la piattaforma, ecc.
Per farlo devi cliccare su "Aggiungi Pixel", poi apparirà un banner con tre possibilità:
Collega il tuo Pixel al tuo sito
Collega il tuo Pixel alla tua applicazione
Collega il tuo Pixel Offline
Scegli il Pixel per il tuo sito.
Apparirà quindi questo popup con 3 opzioni:
Scegli una delle due opzioni, ti consigliamo l'integrazione con partner perché è più semplice.
Ti verrà quindi mostrato questo banner:
Ti verranno quindi fornite istruzioni in base al partner scelto e potrai analizzare i dati del tuo sito in pochi clic.
Puoi anche installare il codice del pixel in tutti gli <head> del tuo sito.
Se hai un'agenzia o un webmaster, puoi anche inviare le istruzioni con "Invia le istruzioni via email".
Collega Pixel e Google Tag Manager
Ora puoi collegare Google Tag Manager e i Pixel.
Collegando Google Tag Manager e i Pixel, puoi anche collegarti a bsport, dato che il tag GTM è stato configurato al primo passaggio.
Per collegare i Facebook Pixel a Google Tag Manager, l'operazione avviene sul lato Facebook.
Vai al Gestore Eventi per creare un Pixel.
Come nel passaggio precedente, aggiungi un Pixel al tuo sito e clicca su "Usa un partner".
Poi seleziona Google Tag Manager.
Non ti resta che seguire i passaggi e tutto sarà configurato.
Il tuo Pixel e Google Tag Manager sono ora collegati.
Crea i tag Google Tag Manager per tracciare i dati delle inserzioni Facebook
Ora creeremo i tag GTM, collegandoli a un Pixel per tracciare l'attività sui Facebook Pixel.
Prima di tutto:
Per permettere ai Pixel di tracciare gli eventi che avvengono sulla piattaforma bsport, devi passare attraverso Google Tag Manager. Ecco perché hai collegato Google Tag Manager e i Pixel al passaggio precedente.
Devi anche far comprendere a Google Tag Manager gli eventi che avvengono sulla piattaforma bsport, in modo che possa inviarli ai Pixel.
È necessario creare su Google Tag Manager una variabile che corrisponda all'evento bsport.
Trova tutti gli eventi bsport qui.
Creeremo ora la variabile affinché un evento bsport venga inviato ai Pixel.
Per questo esempio sceglieremo l'evento clic su aggiungi al carrello.
Creiamo la variabile. In Google Tag Manager, vai su Variabili > Nuova.
Poi crea una nuova variabile > Variabile Data Layer.
Metti "data" nel nome della variabile data layer. Assegna un nome alla variabile, per noi sarà "dlv - data".
Ecco quindi la configurazione:
Possiamo ora passare alla configurazione del tag.
Sulla piattaforma Google Tag Manager, puoi andare su "Aggiungi un tag".
Poi vai su "Configura tag" e quindi su "Scopri altri tipi di tag".
Poi devi cercare "Facebook Pixel", così puoi configurare facilmente i Pixel in GTM in questo modo senza passare dal codice manuale.
Poi devi configurare il Pixel assegnandogli un nome, inserendo un ID e scegliendo l'evento.
Sceglieremo l'evento Aggiungi al carrello.
Allo stesso modo, devi configurare l'attivazione di questo tag. Vai su "Trigger" in basso e configuralo.
Devi creare un trigger, per farlo clicca sul "+" in alto a destra e crea un trigger. Poi devi configurare un "Evento personalizzato".
In "Proprietà oggetto", devi aggiungere la variabile creata in precedenza.
Aggiungi quindi "dlv-data".
Poi devi configurare l'attivazione di questo tag. Vai su "Trigger" in basso e configuralo.
Devi creare un trigger, per farlo clicca sul "+" in alto a destra e crea un trigger. Poi devi configurare un "Evento personalizzato".
Da qui possiamo dare un nome al trigger. "Aggiungi al carrello" per il nostro esempio andrà benissimo.
In "Nome elemento" dobbiamo inserire l'evento bsport che vogliamo richiamare. Il nostro elemento essendo l'aggiunta al carrello, nel file allegato più in alto in questo articolo sappiamo che l'evento bsport corrispondente è: bsport:basket:add-to-cart:pass
Non dimenticare di spuntare la casella "Usa la corrispondenza di espressioni regolari".
La configurazione è finita! Puoi salvare e passare alla modalità anteprima in Google Tag Manager. La modalità anteprima o "debug" di Google Tag Manager ti permette di vedere i tag che vengono attivati su una pagina web. C'è anche l'estensione Chrome, Google Tag Assistant.
Vai al tuo bsport marketplace e clicca su un'aggiunta al carrello della tua piattaforma.
Nel "Debug" di GTM puoi vedere che il tag è stato attivato.
Puoi anche verificare se il Pixel è stato attivato con l'estensione Facebook Pixel Helper.
Puoi anche verificare nel Gestore Eventi Facebook Pixel:
Ecco fatto, ora puoi configurare gli eventi Google Tag Manager relativi alla tua piattaforma e richiamarli nei Pixel.