Hoy aprenderemos a crear e instalar el Píxel de Facebook en Prestashop 1.7 para que podáis hacer un seguimiento de las conversiones de vuestros anuncios en Facebook.
Índice de contenidos:
¿Qué es el Pixel de Facebook?
El píxel de Facebook es un código que nos facilita Facebook para añadir en nuestro sitio web y poder medir la eficacia de nuestros anuncios en dicha red social. Gracias a este píxel podrás:
- Asegurarte de que tus anuncios se muestran a las personas adecuadas.
- Aumentar las ventas.
- Medir los resultados de tus anuncios.
Crear Píxel de Facebook
El primer paso es crear el píxel de Facebook y para ello tenemos que ir al Administrador de Anuncios de Facebook, clicar en el botón azul «Añadir nuevo origen de datos» y seleccionar «Píxel de Facebook» en el desplegable (también podemos clicar en el botón empezar).
En la ventana emergente que sale a continución debemos introducir el nombre que le queremos poner a nuestro píxel de Facebook e indicar la url de nuestra tienda online (opcional).
En el siguiente paso, de las 3 opciones que nos ofrece elegiremos «Añade el código del píxel manualmente al sitio web», copiaremos el código que nos facilitan y clicaremos en el botón continuar.
Añadir Píxel de Facebook en Prestashop
Ahora llegamos al paso más complejo pero ya veréis que no lo es tanto, ya que os daremos un pequeño truco al final de las diferentes opciones que os mostraremos.
Opción 1: Forma Manual
La primera opción que podrías usar para añadir el Píxel de Facebook en Prestashop es hacerlo de forma manual en el archivo header.tpl que se encuentra dentro de la carpeta de vuestro tema. Es muy importante añadir las etiquetas literal antes y después del código del píxel.
{literal}
CÓDIGO PIXEL FACEBOOK
{/literal}
Opción 2: Módulo Oficial Píxel de Prestashop
La segunda opción es la que usa la mayoría de usuarios, que consiste en usar el Módulo Oficial de Pixel de Facebook para añadir el código en Prestashop, pero ha dejado de ser gratuito. Si queréis usar esta opción os dejamos un enlace con los pasos a seguir;
Opción 3: Módulo Gratis HTMLBOX
Nosotros no usaremos ninguna de las opciones anteriores, sino que usaremos el módulo HTMLBOX que puedes descargar de forma gratuita en;
https://mypresta.eu/modules/front-office-features/html-box.html
Una vez descargado e instalado pegaremos en dicho módulo el código del píxel de Facebook. Es muy importante que indiquemos en el módulo que lo queremos en el header de nuestra web.
Verificar la instalación del Píxel de Facebook en Prestashop
Para verificar si has instalado de forma correcta el píxel de Facebook en Prestashop te recomendamos instalar el asistente para píxeles de Facebook, que es una extensión de Google Chrome que puedes instalar PINCHANDO AQUÍ.
Si todo el procedimiento se realizó sin errores veremos en la esquina superior derecha de nuestra sitio web el asistente apra píxeles de Facebook en azul.
NOTA: es necesario forzar la compilación de los ficheros y vaciar la caché para que se añada el código del pixel a nuestro sitio web.
¡Y eso es todo amig@s!!
Hola gracias por compartir, justo era lo que estaba buscando, saludos.
Nos encanta que te sirva de ayuda!!!
Muy buen contenido muchas gracias; justo lo que andaba buscando
Un placer ayudaros!!!
Me sirvió para prestashop 1.7 y para otro site que tengo en wordpress, la única diferencia en el wordpress es a la hora de agregar el se puede hacer en footer.php del template
en el comentario anterior no me dejo colocar la etiqueta de script, lo que quise decir es que lo que tienen en prestashop dentro de literal se debe colocar en el footer.php del template que estemos usando en wordpress, es decir, lo que esta en el articulo como CÓDIGO PIXEL FACEBOOK
Gracias por el aporte para wordpress, seguro que servirá de ayuda a muchos usuarios. Un saludo