Saper tracciare le conversioni delle campagne pubblicitarie che creiamo su Facebook è fondamentale per vari motivi: possiamo vedere se un inserzione è efficace oppure no, se una è meglio di un altra e quante visite ci arrivano da un determinato banner.
Ecco allora che entra in gioco il cosiddetto Pixel di monitoraggio Facebook.
In questo articolo ti mostrerò come si deve inserire questo pixel di monitoraggio facebook si Magento e cosa bisogna fare per analizzare le tuo campagne sul social network più utilizzato al mondo.
Che cosa è il pixel di monitoraggio Facebook
Questo è altro che un codice che ti permette di monitorare e tracciare le conversioni delle tue inserzioni Facebook.
Attraverso questo codice saprai esattamente quali inserzioni generano le conversioni e quali no.
Come indicato dalla guida ufficiale di Facebook, devi seguire dei semplici passaggi, che nel nostro caso, saranno riadattati per poter inserire il codice in Magento.
Come Inserire il codice su Magento
Una volta creato il codice di monitoraggio (per sapere come fare clicca qui), il codice fornito deve essere inserito all’interno del tag <head> del sito web, esclusivamente nella pagina in cui desideri monitorare le conversioni. Questo significa che non bisogna mettere il codice nel file head.phtml del nostro tema altrimenti ogni volta che la pagina viene ricaricata o visitata, è come se avessimo avuto una conversione.
Il codice va quindi inserito soltanto nella pagina di successo dell’avvenuto ordine, la cosiddetta Thank you Page di Magento.
Vediamo ora a livello pratico come inserire questo codice. La procedura è abbastanza semplice:
1) Inserire il codice di tracciamento nel file success.phtml
La thank you page di Magento, è situata in
app/design/frontend/PACKAGE/THEME/template/checkout/success.phtml
Se non abbiamo questo file nel nostro tema, copiamo il file situato nel BASE theme in
app/design/frontend/base/default/template/checkout/success.phtml
e copiamolo nel nostro tema, ricreando i percorsi mancanti.
2) Ottieni i dettagli dell’ordine
Per poter far funzionare in maniera corretta il pixel di monitoraggio, dobbiamo ottenere delle informazioni da inviare a Facebook. Queste informazioni sono il totale dell’ordine e la valuta.
Dobbiamo quindi andare a prelevare dalla pagina l’oggetto “ordine“, inserendo questo codice in fondo alla pagina:
$ordine = Mage::getModel('sales/order')->loadByIncrementId($this->getOrderId());
e dall’ordine, prelevare le informazioni sul totale creando una variabile apposita che conterrà tutti i dati dell’ordine appena effettuato:
$ordine = Mage::getModel('sales/order')->loadByIncrementId($this->getOrderId());
$ordine_data = $ordine->getData();
$totale_ordine = $ordine_data['grand_total'];
Per facilitarti in seguito, creiamo anche la variabile con il codice di monitoraggio, in questo modo l’unica cosa che dovrai fare sarà un banale copia e incolla.
// INFORMAZIONI ORDINE
$ordine = Mage::getModel('sales/order')->loadByIncrementId($this->getOrderId());
$ordine_data = $ordine->getData();
$totale_ordine = $ordine_data['grand_total'];
3) Inserisci il codice di Monitoraggio Facebook
Ora che abbiamo la variabile con il totale dell’ordine, troviamo l’ID del nostro codice di monitoraggio sulla pagina dei Pixel di Facebook:
copiamo il codice, e creiamo una variabile con questo codice:
// Codice Monitoraggio Facebook (sostituisci XXXXXXXXXX con il tuo codice) $codice_fb = 'XXXXXXXXXXXX';
Ovviamente, sostituisci le XXXXXXXXX con il tuo codice, lasciandole all’interno degli apici. Subito dopo questo codice, sostituisci le parti “variabili” con le variabili create poc’anzi, in modo tale da rendere il tutto dinamico:
<!-- Facebook Conversion Code - WWW.MAGENTIAMO.IT -->
<script>(function() {
var _fbq = window._fbq || (window._fbq = []);
if (!_fbq.loaded) {
var fbds = document.createElement('script');
fbds.async = true;
fbds.src = '//connect.facebook.net/en_US/fbds.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(fbds, s);
_fbq.loaded = true;
}
})();
window._fbq = window._fbq || [];
window._fbq.push(['track', '<?php echo $codice_fb; ?>', {'value':'<?php echo $totale_ordine; ?>','currency':'EUR'}]);
</script>
<noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?ev=<?php echo $codice_fb; ?>&cd[value]=<?php echo $totale_ordine; ?>&cd[currency]=EUR&noscript=1" /></noscript>
Come puoi notare le parti in grassetto sono le variabili create in precedenza.
4) Aggiorna la Cache di Magento
A questo punto, aggiorna la cache di Magento per applicare le modifiche. Per farlo è sufficiente andare su Systema / Gestione Cache e cliccare Svuota Cache.
5) Fai un ordine di test per testare il funzionamento
Ora abbiamo fatto. Non ti resta che fare un’ordine di prova e vedere se su Facebook funziona tutto. Se funziona, vedrai la riga diventare da Rossa la scritta NON VERIFICATO
a ATTIVO
Scarica Il codice
Per fare un breve riepilogo, di seguito ecco il codice completo da incollare in fondo alla tua pagina success.phtml
<?php
// INFORMAZIONI ORDINE
$ordine = Mage::getModel('sales/order')->loadByIncrementId($this->getOrderId());
$ordine_data = $ordine->getData();
$totale_ordine = $ordine_data['grand_total'];
// Codice Monitoraggio Facebook
$codice_fb = 'XXXXXXXXXXXX';
?>
<!-- Facebook Conversion Code - WWW.MAGENTIAMO.IT -->
<script>(function() {
var _fbq = window._fbq || (window._fbq = []);
if (!_fbq.loaded) {
var fbds = document.createElement('script');
fbds.async = true;
fbds.src = '//connect.facebook.net/en_US/fbds.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(fbds, s);
_fbq.loaded = true;
}
})();
window._fbq = window._fbq || [];
window._fbq.push(['track', '<?php echo $codice_fb; ?>', {'value':'<?php echo $totale_ordine; ?>','currency':'EUR'}]);
</script>
<noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?ev=<?php echo $codice_fb; ?>&cd[value]=<?php echo $totale_ordine; ?>&cd[currency]=EUR&noscript=1" /></noscript>
ATTENZIONE! Ricordati di cambiare il valore nella variabile $codice_fb con il tuo ID del codice di monitoraggio.
Per ulteriori informazioni sui Pixel di monitoraggio su di Facebook, fai riferimento a questa guida.