Cómo instalar el píxel de Facebook en 4 pasos

Si usas los anuncios de Facebook o Instagram en tu estrategia publicitaria, hay una herramienta que deberías conocer porque te permitirá sacar auténtico partido a tu presupuesto. Se trata del píxel de Facebook, que ahora (desde febrero de 2022) también se conoce como el píxel de Meta.

Verás, de forma nativa, el administrador de anuncios de Facebook Ads te facilita datos como las impresiones, el alcance, los clics y el coste de tus anuncios. Sin embargo, estas métricas pueden no ser suficientes para decidir si tu estrategia va por buen camino. Para algunas campañas, necesitarás saber cuántos leads reales has conseguido o medir las conversiones obtenidas gracias a esos anuncios.

¿Y eso cómo lo puedes saber? Pues instalando el píxel de Facebook en tu web. Por eso, en este post te voy a dar instrucciones paso a paso y te voy a explicar en detalle todas las ventajas de hacer este pequeño esfuerzo.

¿Te interesa?

¿Qué es el píxel de Facebook y cómo funciona exactamente?

El píxel de Facebook es un trocito de código que tienes que añadir a tu sitio web. Si no tienes mucha experiencia haciendo este tipo de cambios, no te preocupes, más abajo veremos cómo hacerlo paso a paso. No hace falta ser desarrollador web ni saber programar para instalar el píxel de Facebook en tu web de forma correcta.

Una vez tengas el código del píxel instalado, en el administrador de anuncios de Facebook podrás realizar el seguimiento de conversiones de tus campañas, optimizar tus anuncios, crear audiencias personalizadas y volver a impactar a aquellas personas que ya hayan interactuado de alguna forma con tu web.

¿Y cómo se consigue toda esa información? Pues a través de las famosas cookies. El píxel de Facebook inserta una cookie que sirve para hacer un seguimiento del comportamiento de los visitantes de tu web. Por ejemplo, esto te servirá para poder mostrarles anuncios cuando abandonen tu sitio, si es que no han completado una compra (es lo que en marketing se conoce como retargeting, como quizá ya sepas).

Por ejemplo, ayer mismo estuve un rato navegando por la web de una conocida marca de ropa. Metí algunos productos en la cesta de la compra, pero finalmente me distraje haciendo la cena y no completé el proceso. Esta mañana me esperaba este anuncio en mi muro de Facebook:



Esto es un buen ejemplo de retargeting: están haciendo un seguimiento de sus conversiones y han decidido recordarme que hay productos que me gustan en su tienda y que debería volver si no quiero quedarme sin ellos.

No obstante, el retargeting no es la única función del Facebook píxel. El píxel de Facebook también te indicará qué anuncios de tu campaña están consiguiendo más conversiones y, por lo tanto, son más efectivos. De este modo, podrás afinar al máximo y enfocar tu presupuesto en los anuncios que realmente te dan resultados.

El píxel hace seguimiento de distintas acciones (también las denominamos “eventos”, como veremos después) que los visitantes pueden llevar a cabo en tu web. Un ejemplo obvio es completar una compra, pero también puede ser simplemente añadir algo al carrito. Más abajo te explicaré los tipos de acciones o eventos que hay. ¡Sigue leyendo!

¿Por qué deberías instalar el píxel de Facebook cuanto antes?

A lo mejor estás pensando que aún no estás listo para lanzar tus campañas publicitarias en Facebook e Instagram, de modo que este post no va contigo. ¡Te equivocas! Incluso si aún no has empezado a crear campañas, te recomiendo que instales y configures el píxel de Facebook en tu web cuanto antes. Así podrás empezar a recoger datos y crear audiencias personalizadas que podrás usar una vez te decidas a lanzar tu primera campaña de Facebook Ads.

Las audiencias personalizadas marcan la diferencia entre el éxito y el fracaso de una campaña publicitaria en redes sociales. No solo sabrás exactamente ante quién te estás publicitando, sino que tendrás una vista mucho más completa del rendimiento real que están teniendo tus campañas. Instalar el Facebook píxel es un esfuerzo muy pequeño que puede tener una gran recompensa, así que desde mi punto de vista no hay excusa para dejarlo para más adelante.

¿Qué tipos de eventos puedes trackear o controlar gracias al Facebook píxel?

Como te decía más arriba, te voy a enseñar a insertar el píxel de Facebook en todas las páginas de tu sitio web para que no te pierdas nada. Ahora bien, una vez instalado el código, hay que definir los eventos o acciones que queremos tener controladas. Existen tres tipos de eventos, así que vamos a verlos antes nada.

Eventos estándar

Los eventos estándar son los que Facebook nos da predefinidos, ya que son las acciones más comunes que la mayoría de nosotros vamos a necesitar trackear. Cada uno de estos eventos lleva asociada una línea de código que tendrás que añadir al código base del píxel en la página concreta de tu sitio relevante para ese evento. Mejor que explicártelo, te lo enseño con una imagen que ha creado el propio Facebook:



En la imagen anterior, el número 1 (azul) marca toda la cabecera de tu sitio web, entre las dos etiquetas <head>. El número 2 (rojo) marca el código del píxel de Facebook, que ya está añadido dentro de la cabecera. El número 3 (verde) muestra que, en esa página concreta, se está haciendo seguimiento del evento “Add to cart” (producto añadido al carrito).

Y es que el píxel de Facebook puede proporcionarte datos de 17 eventos estándar distintos, a fecha de redacción de este artículo (es posible que Facebook vaya añadiendo más). Son estos:

• Contenido visualizado: Puedes insertar este evento para hacer seguimiento de las visitas que llegan a una URL concreta de tu sitio web. El evento solamente te indica que alguien ha accedido, pero no lo que ha visto exactamente ni lo que ha hecho en esa página.


• Suscripción a un producto o servicio: Este evento está pensado para suscripciones de pago.


• Producto añadido al carrito: Como veíamos en la imagen de más arriba, este evento es perfecto para llevar la cuenta de las veces que una visita mete un producto en la cesta o carrito de la compra.


• Producto añadido a la lista de deseos: Si tu tienda da la opción de guardar productos en listas de deseos para poder comprarlos más adelante, este evento puede interesarte.


• Personalización de un producto: Por ejemplo, la selección de una talla o de un color para una prenda de ropa.


• Inicio del proceso de pago: Este evento lleva el seguimiento de las visitas que hacen clic en un botón similar a “Iniciar pago”, es decir, que están contentas con su selección de productos y se preparan para abonar el precio de los mismos.


• Información de pago añadida: A veces, durante el proceso de compra la web te da la opción de guardar tus datos de pago para no tener que volver a introducirlos en el futuro. Este evento lleva la cuenta de cada visita que opta por esta opción.


• Registro completado: Si tu web permite que las visitas se registren (por ejemplo, para crear un usuario o una cuenta de cliente), este evento es para ti.


• Lead: Una visita que deja su lead quiere que te pongas en contacto con ella en el futuro; por ejemplo, porque ha enviado un formulario.


• Compra completada: La visita ha finalizado un proceso de compra en tu web.


• Donación realizada: La visita ha completado un proceso de donación en tu web.


• Cita programada: La visita ha pedido cita para visitar una de tus ubicaciones.


• Prueba gratuita iniciada: Si ofreces la posibilidad de probar tu producto o servicio de forma gratuita, querrás llevar la cuenta de cuántas visitas optan por esta opción.


• Búsqueda de ubicación: Este evento está pensado para controlar a una visita que busca la ubicación de una de tus tiendas físicas. Por ejemplo, para dar con un producto que le interesa y poder probárselo o verlo en persona.


• Uso del buscador interno: Para encontrar un producto, por ejemplo.


• Contacto: Este evento lleva la cuenta de las visitas que se han puesto en contacto contigo a través de chat, teléfono o correo electrónico, por ejemplo.


• Solicitud enviada: Si en tu web las visitas pueden rellenar un cuestionario a través del que solicitar un producto, servicio o programa, este es el evento correcto para esa acción.

Como ves, seguramente no te hará falta llevar el seguimiento de todas y cada una de estas acciones (todo dependerá del tipo de web que tengas). Facebook, de hecho, tampoco te permite que utilices todos los eventos estándar al mismo tiempo: a fecha de redacción de este post, solamente podrás implementar un máximo de ocho eventos estándar o personalizados en total.

Eventos personalizados

Si quieres hacer seguimiento de una acción que no entra dentro de los parámetros de los 17 eventos estándar anteriores, puedes crear un evento personalizado. Al igual que con los eventos estándar, también puedes utilizar los eventos personalizados para crear audiencias a las que impactar después o para crear audiencias similares (look-alike audiences).

Voy a ponerte un par de ejemplos de eventos personalizados interesantes para que veas los caminos que pueden abrirte:

• Imagínate que el objetivo de una de tus campañas es traer a tu web tráfico de calidad. Es posible que quieras medir cuántas visitas permanecen en una determinada página durante un tiempo igual o superior a 60 segundos. Al crear un evento personalizado para esta acción, podrás llevar la cuenta del número de veces que esto sucede como consecuencia de tus anuncios (y optimizarlos de la forma que creas conveniente). Al fin y al cabo, el éxito de tu campaña no estará en el número de clics que consigas, sino en la calidad de ese tráfico y en que no abandone la página rápidamente.


• Siguiendo la misma línea, puedes crear un evento personalizado con el que medir cuánto scroll hacen las visitas en una determinada página. Si es un post como este, ¿están leyendo todo el artículo, solo la mitad o no pasan más allá de la introducción? Al fin y al cabo, la duración de la visita es un buen indicador de su calidad, pero (en teoría) podrían estar tirándose 5 minutos mirando el título del post solamente. El porcentaje de scroll es otro buen indicador de calidad que te puede dar mucha información sobre el comportamiento real de tus visitas.

La creación de eventos personalizados es un poco más técnica que el uso de los eventos estándar, pero tampoco te creas que mucho. Si te interesa, puedo explicarte exactamente cómo hacerlo en futuros posts (deja un comentario para que tome buena nota). Ahora mismo no voy a entrar más en detalles porque estamos aquí para aprender a instalar el píxel de Facebook antes de nada. ¡No queramos correr antes de andar!

Conversiones personalizadas

No quiero liarte, pero además de los eventos personalizados también puedes crear conversiones personalizadas. No te servirán para crear audiencias (para eso tienes los eventos), pero sí para crear objetivos de conversión nuevos. Por ejemplo, puedes crear una conversión personalizada para cuando una visita compre 2 productos o más o para cuando compre un tipo de producto concreto. Una vez tengas esa conversión personalizada creada, podrás utilizarla como objetivo de conversión para optimizar tus campañas en esa dirección.

¿No lo ves claro? Veámoslo con un ejemplo más detallado. Piensa que tienes un ecommerce de ropa y has implementado el evento estándar “Purchase” (compra completada) para llevar el seguimiento de cada una de las ventas que se producen a través de tus anuncios de Facebook e Instagram. Ahora bien, te gustaría optimizar tus campañas en función de si esas visitas compran solo ropa de hombre o solo ropa de mujer. La solución es crear conversiones personalizadas independientes para estos dos tipos de productos.

Cómo instalar el píxel de Facebook en 4 pasos

Ahora vamos al meollo de la cuestión. ¿Cómo se instala el píxel de Facebook en una web? Vamos a ver los pasos genéricos para todo tipo de webs y, en el siguiente apartado, también te explicaré cómo hacerlo en un WordPress.

Paso 1: Encontrar y crear el píxel de Facebook

Antes de nada, ve al administrador de Facebook y haz clic en la rueda dentada de la parte inferior izquierda de la pantalla (Configuración del negocio). En el menú de la izquierda, despliega la sección Orígenes de datos y haz clic en Píxeles.

Como no tienes ninguno creado todavía, haz clic en el botón Agregar e indica un nombre para el píxel (que identifique tu cuenta publicitaria). Si utilizas algún tipo de CMS puedes indicar la URL de tu sitio web para ver si Facebook te puede facilitar aún más el proceso (pero esto es opcional, así que si no quieres no tienes por qué indicar nada en ese apartado):



Cuando estés listo, haz clic en Continuar y, después, en el bloque Configurar el píxel:



En la siguiente ventana, tienes varias opciones:



Si pulsas en la primera opción, podrás agregar el píxel aprovechándote de una integración ya existente entre Facebook y varios CMS. Más abajo te enseñaré a instalar el Facebook pixel en WordPress, pero si usas otro CMS y no quieres agregar el píxel de forma manual, puedes optar por pulsar en la primera opción y el proceso te resultará más sencillo.

La tercera opción está pensada por si tienes un programador o desarrollador que te ayude con este tipo de procesos. Facebook te ofrece la posibilidad de enviarle el código del píxel por correo electrónico, para que pueda encargarse de esta tarea por ti.

Como en este apartado te estoy enseñando a añadir el código manualmente, vamos a escoger la segunda opción: Agregar el código del píxel al sitio web manualmente. Cuando hagas clic, verás algo similar a esto:



Ya tienes el código del píxel que vas a añadir a tu sitio web listo para copiar y configurar.

Paso 2: Instalar el píxel de Facebook en tu web

Para añadir el código base del píxel a tu web de forma manual, solamente tienes que copiar el código anterior y pegarlo en la cabecera de tu sitio, justo antes de la etiqueta de cierre: </head>. ¡Tiene que estar presente en todas y cada una de las páginas! Si estás usando una plantilla, deberás pegar el código en el archivo header.php (una vez más, justo antes de la etiqueta </head>).

Una vez termines de instalar el píxel en cada una de las páginas de tu sitio, vuelve al configurador de la sección Píxeles y haz clic en Agregar personas. En concreto, asegúrate de agregarte a ti mismo al píxel y asignarte permisos de gestión completos sobre él. De este modo, podrás gestionar el píxel como consideres, agregar y eliminar eventos, etc.:



A continuación, haz clic en Agregar activos para vincular el píxel a tu cuenta publicitaria. Basta con que la selecciones y pulses en Agregar. ¿Aún no tienes una cuenta publicitaria? Puedes crearla desde el menú de la izquierda: sección Cuentas > Cuentas publicitarias (cuando la crees, asegúrate de pulsar en Control total para poder gestionar todos y cada uno de los aspectos de la cuenta).

Ahora hayas añadido personas y activos a tu píxel, este ya estará correctamente creado y listo para configurar eventos.

Paso 3: Configurar los eventos y acciones que quieres controlar

Antes de empezar este paso, quédate tranquilo: todo lo que vamos a ver ahora lo puedes hacer más adelante. No es obligatorio que configures los eventos inmediatamente después de instalar el píxel de Facebook. Si quieres un descanso o familiarizarte más con la sección de Configuración del negocio o con el Administrador de eventos antes de seguir, puedes parar ahora y volver sobre tus pasos cuando quieras.

Si te ves con ganas de seguir, volvamos a la sección Orígenes de datos. En ella puedes escoger si quieres activar las coincidencias avanzadas automáticas para mejorar la atribución de tus conversiones. Yo te recomiendo que las tengas activadas:



Una vez pulses en Continuar, pasarás a la sección de configuración de eventos. Puedes utilizar la herramienta de configuración de eventos, tal y como te sugiere esta ventana:



Si todo funciona, verás varias opciones para configurar tus eventos y podrás elegir las que convengan en tu caso. No obstante, esta herramienta a veces falla, así que yo prefiero añadir el código de evento manualmente al código base de mi píxel. Para hacerlo como yo, solo tienes que hacer clic aquí para ver el código de seguimiento de eventos estándar:



En la página resultante verás varios ejemplos de códigos de evento, así como instrucciones para saber dónde tienes que ponerlos. Por ejemplo, imagina que quieres configurar el evento estándar Lead en la página de Gracias que se dispara cuando alguien se suscribe a tu boletín mensual. Pues bien, solamente tienes que añadir este código antes de la etiqueta </script> del código base de tu píxel en la página de Gracias: fbq('track', 'Lead');

El resultado final será exactamente esto (aunque el ID de tu píxel no será “000000000”, claro):

<!-- Meta Pixel Code -->

<script>

!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', '000000000');

fbq('track', 'PageView');

fbq('track', 'Lead');

</script>

<noscript><img height="1" width="1" style="display:none"

src="https://www.facebook.com/tr?id=000000000&ev=PageView&noscript=1"

/></noscript>

<!-- End Meta Pixel Code -->

La línea que te indicaba más arriba y que está añadida en el ejemplo anterior (búscala, está justo antes de la etiqueta </script>) es el código del evento Lead, pero existen otros 16 códigos para los restantes eventos estándar que puedes configurar. Tendrás que escoger la línea de código correcta para cada evento que quieras configurar y, a continuación, pegarla en la página adecuada para hacer el seguimiento de ese evento.

Paso 4: Confirmar que el píxel está funcionando

Para asegurarte de que todo funciona como es debido, te recomiendo que te instales la extensión de Chrome Facebook Pixel Helper:



Con la extensión ya instalada en tu navegador, accede al dominio en el que has instalado el píxel. Si todo va bien, la extensión debería mostrarte un pequeño número 1 en color verde y, al hacer clic sobre ella, debería abrirse un popup en el que podrá ver información sobre el píxel detectado. En concreto, podrás ver tanto el ID del píxel como los eventos que se están detectando en esa página web concreta (así como cualquier posible error que esté teniendo lugar).

Cómo instalar el Facebook píxel en WordPress

Si eres usuario de WordPress, tienes un montón de opciones:

1. Instalar el píxel de Facebook de forma manual

Deberás modificar el archivo header.php de tu plantilla. Si utilizas un tema hijo, ya miel sobre hojuelas: cuando el theme principal se actualice, las modificaciones realizadas sobre tu tema hijo no se sobreescribirán y, por lo tanto, no desaparecerán.

2. Aprovechar la integración entre Facebook y WordPress

¿Recuerdas? Era la primera opción de la ventana de conexión entre el sitio web y Facebook. Si te decides por este método, Facebook te irá guiando paso a paso:


Primero Facebook te proporcionará un código de identificación de acceso (guárdalo en el bloc de notas porque te hará falta más tarde). En la siguiente ventana, deberás descargarte un archivo .zip (la extensión Official Facebook Pixel) y, a continuación, subirlo a la sección de plugins del backend de tu WordPress. Ya sabes, Plugins > Añadir nuevo > Subir plugin > Seleccionar archivo:

Cuando tengas la extensión del píxel de Facebook subida a tu backend, solo tendrás que activarla como harías con cualquier otro plugin. Ve a la configuración del plugin y verás que te pide el ID de tu píxel de Facebook (si es que no te lo coge ya por defecto) y el código de identificación que te apuntaste antes en un bloc de notas.

Cuando hayas incluido estos datos, vuelve a Facebook y envía tráfico de prueba a tu sitio web para confirmar que el píxel está funcionando correctamente. Se te abrirá una nueva pestaña y, si todo va bien, Facebook te dirá que tu píxel está "Activo". ¡Listo! Ya podrás ponerte a configurar eventos cuando quieras, tanto desde la herramienta de configuración de eventos como de forma manual.

No olvides añadir personas y activos a tu píxel desde la sección Orígenes de datos > Píxeles. Tendrás que ponerte como administrador con permisos totales y vincular tu píxel con tu cuenta publicitaria. Lo he explicado arriba en más detalle ;-)

3. Utilizar un plugin

Porque en WordPress tienes un plugin para todo y la instalación del píxel de Facebook no iba a ser menos. Hay varios plugins muy conocidos y su funcionamiento no tiene mayor misterio, así que no me voy a parar a explicarlos. Estos son algunos de los plugins para instalar el píxel de Facebook mejor valorados ahora mismo:

• 
  
  
  
  • 
    
    
    
    • PixelYourSite
    
    
    • Pixel Cat
    
    
    • Insert Headers and Footers
    
    
    • Pixel Manager for WooCommerce (si lo que tienes es un ecommerce)
    
    
    
    
  
  
  
  

En definitiva...

Una de las mayores ventajas de la publicidad en redes sociales es la capacidad de hacer pruebas, medir las conversiones, retocar detalles y encontrar la audiencia perfecta para tus anuncios con una precisión casi milimétrica. El píxel de Facebook nos permite acceder a todos estos datos y sacar el máximo partido a nuestras campañas de Facebook e Instagram.

Por eso considero que instalar el píxel de Facebook en la web es un paso obligatorio para todo aquel que quiera hacer publicidad en estas redes sociales. Si es tu caso, espero que este post te haya ayudado a aclarar dudas y a realizar el proceso de forma rápida y fácil. Si tienes preguntas o crees que me he dejado algo en el tintero, te leo en los comentarios.