Saltar al contenido

C贸mo insertar el p铆xel de seguimiento de Facebook

Si has llegado hasta aqu铆 ya sabr谩s que Facebook Ads te permite crear un p铆xel de seguimiento de tus campa帽as de anuncios para tu ecommerce.

En esta entrada veremos c贸mo insertar el p铆xel de seguimiento de Facebook para Opencart ya que no he visto como hacerlo en ninguna web de habla hispana, pero valdr铆a para cualquier ecommerce. Creo que puede ser interesante orientar a la personas que utilicen Opencart a poner el c贸digo de seguimiento en su tienda.

Para lograrlo vamos a hacerlo en dos partes que te resumo a continuaci贸n, primero configuraremos una campa帽a de Facebook Ads en la que veremos tanto el editor del pixel, c贸mo la segmentaci贸n de anuncios, y el pixel de facebook, despu茅s obtendremos el c贸digo de seguimiento y como insertarlo en tu ecommerce, que en este caso ser谩 tienda online tipo Opencart

Configurar campa帽a de Facebook Ads

Primero, antes de ponernos con el c贸digo de seguimiento tenemos que conseguir el c贸digo de la p谩gina de Facebook Ads.

Para esto tienes que configurar una campa帽a en el administrador de anuncios de Facebook.

Ser铆a aqu铆.

editor de pixel

Como ya habr谩s visto Facebook nos da la opci贸n de crear diferentes tipos de anuncios, pero en esta caso solo nos interesa el tipo anuncio para atraer personas a tu web y que realicen una compra, por lo que vamos a seleccionar el bot贸n de comprar.

Despu茅s crearemos el anunci贸 con su titulo y datos, y por 煤ltimo cogeremos el pixel de seguimiento de conversi贸n que hemos hecho en el editor de p铆xel que nos da Facebook, d贸nde le pondremos un nombre.

El pixel de facebook

C贸mo es una tienda online es obvio que necesitamos elegir el tipo de p铆xel pago, ya que ser谩 el que nos interesa para poder realizar el seguimiento de las personas que vienen de este anuncio y realizan el pago.

Segmentaci贸n de los anuncios en Facebook

Facebook Ads nos permite segmentar el p煤blico al que quieres que llegue tu anuncio, eso reducir谩 considerablemente el alcance del anuncio pero mejorar谩 considerablemente el p煤blico destino.
Al igual que Adwords tambien te permite segmentar los anuncios para las distintos target:

  • Puedes seleccionar la edad, idioma y sexo de segmentaci贸n.
  • Puedes seleccionar la ubicaci贸n.
  • Puedes seleccionar a los usuarios destino, eligiendo el/ los usuarios que ver谩n los anuncios
  • Puedes seleccionar de una lista de email, como puede ser mail chimp o benchmark los emails de las personas que ver谩n tu anuncio

Insertar el c贸digo de seguimiento en Opencart

C贸mo ya habr谩s sospechado necesitamos insertar el c贸digo de seguimiento p铆xel de Facebook justo cuando se realiza la compra, cuando la compra se ha realizado correctamente, as铆 estaremos seguros cuales son los usuarios que han comprado en nuestra web viniendo de Facebooks Ads, y saber si la campa帽a est谩 saliendo correctamente.

Para esto tendr谩s que insertar el c贸digo de seguimiento en el archivo success.tpl de tu ecommerce.

El c贸digo es el siguiente, que en tu caso te lo dar谩 la p谩gina de Facebook, as铆 que tendr谩 otro c贸digo de seguimiento:

 
<!-- Facebook Conversion Code for clientes desde el face a web -->
<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', 'XXXXXXXX', {'value':'0.01','currency':'EUR'}]);
</script>
<noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?ev=XXXXXXXXXX&amp;cd[value]=0.01&amp;cd[currency]=EUR&amp;noscript=1" /></noscript>

El tuyo ser谩 similar a este:

codigo pixel

Ops!, pues no me quiero liar que yo de c贸digo no entiendo, pues f谩cil te lo doy gratis hecho. Solo tienes que ayudarme a promocionar un poco este post, con una acci贸n social y yo te hago el trabajo sucio 馃檪

Perfecto, hecho esto, ahora podr谩s realizar un an谩lisis mucho m谩s completo del resultado de tus anuncios, conocer que personas se interesan y saber si finalmente convierten tus anuncios en este medio, o empezar a valorar otros medios de inversi贸n.

Ahora me toca a mi, si te he sido 煤til esta entrada me gustar铆a que me dejases un +1 en Google plus, o bien un comentario! Gracias!

Entradas relacionadas

Deja una respuesta

Tu direcci贸n de correo electr贸nico no ser谩 publicada.

Comentarios (6)

Gran aporte amigo, aun no lo he puesto en pr谩ctica pero me gustaria saber si es valido para versiones de Opencart 2.0 en adelante.

Responder

Retroalimentando este post, porque a pesar de todo me diste una pista para encontrar la soluci贸n en la versi贸n 2.0 de Opencart, encontr茅 que el archivo a modificar es header.tpl ubicado en la ruta aqu铆 indicada (catalog/view/theme/default/template/common/header.tpl), simplemente copia el script de tu Pixel de Facebook dentro de las etiquetas y eso es todo.
Verifica que tu Pixel en tu tienda Opencart instalando la extension Pixel Helper en tu navegador Chrome.
Ojal谩 sea de ayuda para otros porque yo me llev茅 d铆as buscando como hacerle.

Responder

Muchas Gracias Jorge Luis por la aportaci贸n.
Todav铆a no lo he probado en Opencart 2.0 igualmente gracias por el aporte seguro que es 煤til para los que lo est茅n buscando, que de Opencart no hay muchos desarrolladores.

Responder

Pixel de facebook

Buenos tardes,

te comento que visualic茅 tu post sobre instalar el Pixel de Facebook en Opencart.

Mi duda es la siguiente, quiero que se registre en el pantalla inicial o home y al finalizar la compra. Al finalizar la compra con que vaya al success.tpl y copie el fragmento que me da Facebook tiene que ir bien… pero si quiero que sea en la home, 驴a帽ado el script al header? Como es com煤n a varias paginas no se si es lo correcto.
Un saludo, Dani.

Responder

Buenas,

Creo que el c贸digo que env铆an ahora es parecido al c贸digo que te pongo a continuaci贸n, desglosado se pondr铆a poner parecido a esto que te pongo a continuaci贸n:

Esto en el header.tpl

Facebook Pixel Code

!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version=\'2.0\';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,\'script\',\'https://connect.facebook.net/en_US/fbevents.js\');

fbq(\'init\', \'XXXXXXXXX\');
fbq(\'track\', \"PageView\");


Standard Events
Add standard events to your code to track specific types of actions on your website. Copy the code for the type of event you want to measure, and paste it below the pixel code on the relevant page within a tag. Keep in mind standard event codes are case-sensitive. Learn more about conversion tracking.

Esto en el product.tpl

// ViewContent
// Track key page views (ex: product page, landing page or article)
fbq(\'track\', \'ViewContent\');

Esto en el search.tpl

// Search
// Track searches on your website (ex. product searches)
fbq(\'track\', \'Search\');

Esto en el catalog/view/javascript/common.js

function addToCart(product_id, quantity) {
AQU脥

// AddToCart
// Track when items are added to a shopping cart (ex. click/landing page on Add to Cart button)
fbq(\'track\', \'AddToCart\');

Esto en el catalog/view/javascript/common.js
function addToWishList(...) {
AQU脥

// AddToWishlist
// Track when items are added to a wishlist (ex. click/landing page on Add to Wishlist button)
fbq(\'track\', \'AddToWishlist\');

Esto en el checkout.tpl

// InitiateCheckout
// Track when people enter the checkout flow (ex. click/landing page on checkout button)
fbq(\'track\', \'InitiateCheckout\');

Esto en el payment_method.tpl (no lo utilizo)

// AddPaymentInfo
// Track when payment information is added in the checkout flow (ex. click/landing page on billing info)
fbq(\'track\', \'AddPaymentInfo\');

Esto no lo utilizo, ya lo veo en la compra

// Purchase
// Track purchases or checkout flow completions (ex. landing on \"Thank You\" or confirmation page)
fbq(\'track\', \'Purchase\', {value: \'1.00\', currency: \'USD\'});

Esto tampoco lo utilizo

// Lead
// Track when a user expresses interest in your offering (ex. form submission, sign up for trial, landing on pricing page)
fbq(\'track\', \'Lead\');

Esto en el register.tpl

// CompleteRegistration
// Track when a registration form is completed (ex. complete subscription, sign up for a service)
fbq(\'track\', \'CompleteRegistration\');

Todo ir铆a entre etiquetas javascript y poniendo el c贸digo dentro.
codigo

Responder

hola, la instalaci贸n del pixel de facebook es igual en cualquier, pagina.

Responder