Chi Siamo Area Clienti Promo del Mese Dicono di Noi Portfolio FAQ Blog
Senza categoria

Perché il Debug è Fondamentale

Gianluca Gentile
Gianluca Gentile
· 12 min di lettura

PixelYourSite: Debug del Pixel con Facebook Events Manager

Debug Facebook Pixel con PixelYourSite

Configurare il Facebook Pixel è solo metà del lavoro. L’altra metà, altrettanto importante, è verificare che il pixel funzioni correttamente e che tutti gli eventi vengano tracciati con i parametri giusti. Un pixel mal configurato può portare a dati imprecisi, campagne mal ottimizzate e budget pubblicitario sprecato. Facebook offre diversi strumenti di debug per aiutarti a identificare e risolvere i problemi del pixel. In questa guida vedremo come utilizzare il Facebook Events Manager e gli altri strumenti di debug in combinazione con PixelYourSite per garantire un tracciamento accurato e affidabile.

Perché il Debug è Fondamentale

Il debug del pixel non è un’operazione che si fa una volta sola durante la configurazione iniziale. È un’attività che deve essere ripetuta regolarmente, specialmente dopo aggiornamenti del sito, del tema, dei plugin o di PixelYourSite stesso. Ci sono diversi motivi per cui il tracciamento può smettere di funzionare o iniziare a funzionare in modo impreciso.

Gli aggiornamenti del tema o dei plugin possono modificare la struttura delle pagine, i selettori CSS o il comportamento JavaScript, causando il malfunzionamento dei trigger degli eventi. Un plugin di caching potrebbe memorizzare una versione della pagina senza gli script del pixel, impedendo il tracciamento di alcune visite. Un plugin di sicurezza potrebbe bloccare gli script del pixel ritenendoli potenzialmente pericolosi. Un aggiornamento di WooCommerce potrebbe modificare il flusso di checkout, causando la mancata attivazione degli eventi InitiateCheckout o Purchase.

Inoltre, le piattaforme pubblicitarie aggiornano regolarmente le loro specifiche e i loro requisiti. Facebook potrebbe richiedere nuovi parametri per determinati eventi o modificare il formato dei dati attesi. PixelYourSite si aggiorna per riflettere queste modifiche, ma tra un aggiornamento e l’altro potrebbero verificarsi incompatibilità temporanee.

Facebook Events Manager: Panoramica

Il Facebook Events Manager è lo strumento principale per il monitoraggio e il debug del pixel. Puoi accedervi dal Facebook Business Manager andando su Events Manager nel menu laterale e selezionando il tuo pixel dalla lista delle origini dei dati.

L’Events Manager è organizzato in diverse schede, ognuna con funzionalità specifiche per il monitoraggio e il debug. La scheda Panoramica mostra un riepilogo degli eventi ricevuti negli ultimi 7 o 28 giorni, con grafici che mostrano il volume di eventi nel tempo. Un calo improvviso nel volume di eventi è spesso il primo segnale di un problema con il pixel.

La scheda Test Events è lo strumento di debug in tempo reale più potente. Ti permette di vedere gli eventi inviati dal tuo sito mentre navighi, con tutti i parametri e i metadati associati. È lo strumento ideale per la verifica iniziale della configurazione e per il debug di problemi specifici.

La scheda Diagnostica mostra avvisi e errori identificati automaticamente da Facebook nel tuo tracciamento. Gli avvisi possono riguardare parametri mancanti, eventi duplicati, problemi di matching o altre anomalie nei dati.

Facebook Events Manager panoramica

Utilizzare la Funzione Test Events

La funzione Test Events è lo strumento più importante per il debug del pixel. Ecco come utilizzarla in modo efficace.

Vai nel Facebook Events Manager, seleziona il tuo pixel e clicca sulla scheda Test Events. Nella parte superiore della pagina, troverai un campo dove inserire l’URL del tuo sito. Inseriscilo e clicca su Apri sito web. Si aprirà una nuova scheda del browser con il tuo sito.

Ora naviga nel tuo sito come farebbe un utente normale. Visita la homepage, naviga nelle pagine dei prodotti, aggiungi prodotti al carrello, avvia il checkout e, se possibile, completa un ordine di test. Mentre navighi, torna alla scheda del Test Events e vedrai gli eventi apparire in tempo reale.

Per ogni evento, il Test Events mostra diverse informazioni cruciali. Il nome dell’evento (PageView, ViewContent, AddToCart, ecc.) ti dice quale azione è stata tracciata. L’URL della pagina ti dice su quale pagina è stato attivato l’evento. I parametri (content_ids, value, currency, ecc.) ti dicono quali dati sono stati inviati con l’evento. Il metodo di invio ti dice se l’evento è stato inviato dal browser (Pixel), dal server (CAPI) o da entrambi.

Verifica attentamente i seguenti aspetti per ogni evento. L’evento viene attivato nella pagina corretta? I parametri contengono i valori corretti? L’ID del prodotto corrisponde a quello nel tuo catalogo Facebook? Il valore della conversione è corretto (include/esclude IVA e spedizione come configurato)? La valuta è corretta?

Facebook Pixel Helper

Il Facebook Pixel Helper è un’estensione per Google Chrome che fornisce informazioni in tempo reale sugli eventi del pixel attivati nella pagina corrente. A differenza del Test Events, il Pixel Helper mostra le informazioni direttamente nella pagina del tuo sito, senza dover passare al Facebook Events Manager.

Per installare il Pixel Helper, vai sul Chrome Web Store e cerca “Facebook Pixel Helper”. Installalo e vedrai una nuova icona nella barra degli strumenti di Chrome. Quando visiti una pagina con il Facebook Pixel attivo, l’icona mostrerà il numero di eventi rilevati.

Cliccando sull’icona, vedrai i dettagli di ogni evento: il nome, i parametri e eventuali avvisi o errori. Il Pixel Helper può anche identificare problemi comuni come pixel duplicati (lo stesso pixel caricato due volte nella pagina), eventi con parametri mancanti o malformati, e conflitti tra diversi script di tracciamento.

Il Pixel Helper è particolarmente utile per il debug rapido durante lo sviluppo o dopo un aggiornamento. Puoi navigare nel sito e verificare istantaneamente che ogni pagina attivi gli eventi corretti, senza dover consultare il Facebook Events Manager.

Scheda Diagnostica dell’Events Manager

La scheda Diagnostica dell’Events Manager mostra problemi identificati automaticamente da Facebook analizzando i dati del tuo pixel nel tempo. I problemi sono classificati per gravità: errori (problemi gravi che richiedono attenzione immediata), avvisi (problemi meno gravi ma che meritano attenzione) e suggerimenti (opportunità di miglioramento).

I problemi più comuni segnalati nella diagnostica includono i seguenti. Pixel non attivo: Facebook non ha ricevuto eventi dal pixel nelle ultime ore. Questo potrebbe indicare che il pixel è stato rimosso dal sito o che qualcosa ne impedisce il caricamento. Parametri mancanti: un evento è stato inviato senza parametri importanti (come il valore o l’ID del prodotto). PixelYourSite di solito gestisce automaticamente i parametri, ma aggiornamenti o conflitti potrebbero causare la loro mancanza.

Eventi ridondanti: lo stesso evento viene inviato più volte per la stessa azione. Questo può accadere se hai sia PixelYourSite che un altro metodo di tracciamento attivo (come codice manuale nel tema o un altro plugin). Discrepanze nella deduplicazione: gli eventi dal browser e dal server non vengono correttamente deduplicati, portando a un conteggio doppio delle conversioni. Event Match Quality basso: i dati inviati tramite la CAPI non sono sufficienti per un matching accurato degli utenti.

Per ogni problema, Facebook fornisce una descrizione dettagliata, l’impatto sul tracciamento e suggerimenti per la risoluzione. È buona pratica controllare la scheda Diagnostica almeno una volta alla settimana e risolvere prontamente eventuali problemi.

Debug strumenti PixelYourSite

Event Match Quality

L’Event Match Quality (EMQ) è un punteggio da 1 a 10 che misura quanto bene Facebook riesce ad associare gli eventi della Conversions API ai profili degli utenti. Un EMQ alto significa che Facebook può attribuire più conversioni alle campagne corrette, migliorando l’ottimizzazione e il reporting.

Per controllare l’EMQ, vai nell’Events Manager, seleziona il tuo pixel e clicca sulla scheda Panoramica. Troverai il punteggio EMQ accanto a ogni evento che utilizza la CAPI. Se il punteggio è basso (sotto 6), ci sono diverse azioni che puoi intraprendere.

Per migliorare l’EMQ, la strategia più efficace è abilitare l’Advanced Matching in PixelYourSite. L’Advanced Matching invia dati utente aggiuntivi (in formato hash) a Facebook, come l’email, il nome, il cognome, il telefono e l’indirizzo. Più dati invii, più facile sarà per Facebook associare l’evento all’utente corretto.

Per i siti WooCommerce, l’Advanced Matching utilizza automaticamente i dati di fatturazione inseriti dall’utente durante il checkout. Per i siti non e-commerce, l’Advanced Matching può utilizzare i dati dei moduli di contatto o i dati dell’utente WordPress (se l’utente è autenticato).

Un altro fattore che influenza l’EMQ è l’invio dell’indirizzo IP del client e dello user agent del browser tramite la CAPI. PixelYourSite invia automaticamente questi dati, ma un proxy o un CDN potrebbe modificare l’IP del client. Assicurati che il tuo server passi correttamente l’IP reale del client e non l’IP del proxy.

Debug della Conversions API

Il debug della Conversions API (CAPI) richiede un’attenzione particolare perché gli eventi vengono inviati dal server, non dal browser. Non puoi utilizzare il Facebook Pixel Helper per verificare gli eventi CAPI, ma puoi usare il Test Events del Facebook Events Manager.

Nel Test Events, gli eventi della CAPI appaiono con l’indicazione “Server” nella colonna del metodo di invio. Se vedi eventi solo dal browser ma non dal server, la CAPI non sta funzionando correttamente. Le cause più comuni sono un Access Token scaduto o non valido, il server che non riesce a stabilire connessioni HTTP in uscita verso i server di Facebook, un errore nella configurazione di PixelYourSite e un timeout nella comunicazione server-to-server.

Per diagnosticare problemi con la CAPI, controlla i log degli errori PHP del tuo server. PixelYourSite registra gli errori di comunicazione con la CAPI nei log PHP, che puoi trovare nella cartella dei log del tuo hosting o nella dashboard di gestione dell’hosting.

Un altro strumento utile è la Graph API Explorer di Facebook, che ti permette di verificare che il tuo Access Token sia valido e abbia i permessi necessari. Vai su developers.facebook.com/tools/explorer, inserisci il tuo Access Token e verifica che possa accedere all’endpoint del pixel.

Problemi Comuni e Soluzioni

Vediamo i problemi più comuni che si riscontrano durante il debug del pixel e le relative soluzioni.

Il pixel non si attiva su alcune pagine. Causa: un plugin di caching sta servendo pagine memorizzate senza gli script del pixel. Soluzione: svuota la cache dopo ogni modifica alle impostazioni di PixelYourSite e assicurati che il plugin di caching non stia escludendo gli script di PixelYourSite dalla minificazione o dal defer.

L’evento Purchase non si attiva. Causa: la pagina di ringraziamento di WooCommerce utilizza un URL diverso da quello atteso o il payment gateway reindirizza l’utente a una pagina esterna prima del ritorno alla pagina di conferma. Soluzione: verifica il flusso di checkout completo e assicurati che l’utente raggiunga effettivamente la pagina “order-received” di WooCommerce.

Eventi duplicati. Causa: il pixel è configurato sia in PixelYourSite che in un altro plugin o nel codice del tema. Soluzione: cerca nel codice sorgente della pagina (Ctrl+U) il tuo Pixel ID e verifica che compaia una sola volta. Rimuovi eventuali implementazioni duplicate.

Parametri mancanti o errati. Causa: un aggiornamento di WooCommerce o del tema ha modificato la struttura dei dati. Soluzione: aggiorna PixelYourSite all’ultima versione e verifica che le impostazioni WooCommerce del plugin siano corrette.

Il valore della conversione è 0 o errato. Causa: la configurazione del valore nelle impostazioni WooCommerce di PixelYourSite non corrisponde alla struttura dei prezzi del tuo negozio. Soluzione: verifica le impostazioni del valore (con/senza IVA, con/senza spedizione) e effettua un ordine di test per controllare il valore inviato.

Processo di Debug Sistematico

Per un debug efficace, segui un processo sistematico che copra tutti gli aspetti del tracciamento. Il primo passo è verificare che il pixel si carichi correttamente su tutte le pagine. Usa il Pixel Helper per controllare la homepage, le pagine dei prodotti, il carrello, il checkout e la pagina di ringraziamento.

Il secondo passo è verificare gli eventi automatici. Naviga nel sito come farebbe un utente e controlla che ogni evento venga attivato nella pagina corretta con i parametri corretti. Usa il Test Events per questo controllo.

Il terzo passo è verificare la CAPI. Controlla che gli eventi vengano inviati anche dal server, non solo dal browser. Verifica la deduplicazione controllando che gli Event ID corrispondano.

Il quarto passo è controllare la diagnostica. Vai nella scheda Diagnostica dell’Events Manager e risolvi eventuali errori o avvisi segnalati. Il quinto passo è controllare l’EMQ e implementare l’Advanced Matching se il punteggio è basso.

Conclusioni

Il debug del pixel è un’attività essenziale che garantisce l’accuratezza dei dati e l’efficacia delle campagne pubblicitarie. Facebook offre strumenti eccellenti per il debug, dal Test Events in tempo reale alla diagnostica automatizzata, che in combinazione con PixelYourSite rendono il processo di verifica relativamente semplice.

Ricorda di verificare il tracciamento regolarmente, non solo dopo la configurazione iniziale. Un controllo settimanale della diagnostica e un test completo del funnel dopo ogni aggiornamento significativo del sito ti aiuteranno a mantenere dati accurati e campagne ottimizzate nel tempo.

Hai bisogno di assistenza per il debug del tuo pixel o per risolvere problemi di tracciamento? Contattaci per una consulenza tecnica specializzata.

Leggi gli altri articoli della serie PixelYourSite

Migliora il Tuo Sito WordPress

Scopri le nostre guide complete sugli altri plugin essenziali per WordPress:

#Facebook Pixel #PixelYourSite #Tracking #Wordpress