Come inserire un pixel di monitoraggio Facebook su Magento e monitorare le conversioni

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.

Pixel di monitoraggio Facebook Magento
3/5 (2)

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.

Monitoraggio e ottimizzazione delle conversioni   Centro assistenza di Facebook

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.

Thank you page 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:

Codice di Monitoraggio Conversioni Magento 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; ?>&amp;cd[value]=<?php echo $totale_ordine; ?>&amp;cd[currency]=EUR&amp;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

Codice di Monitoraggio Conversioni Magento Facebook

a ATTIVO

Codice Pixe Facebook Magento

 

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; ?>&amp;cd[value]=<?php echo $totale_ordine; ?>&amp;cd[currency]=EUR&amp;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.

Ti è piaciuto questo articolo? Votalo!

Magento è un marchio registrato di Magento Inc. MagenTiamo è un progetto indipendente non affiliato direttamente dal progetto Magento o chi ne detiene il trademark.