Cómo instalar el píxel de Meta (Facebook) en WordPress

Si vas a invertir en anuncios de Facebook o Instagram, lo primero es poder medir qué ocurre en tu web después del clic. Para eso sirve el píxel de Meta (el antiguo píxel de Facebook). En esta guía te explico cómo instalarlo en WordPress hoy, cómo complementarlo con la API de conversiones y qué tienes que tener en cuenta con las cookies para cumplir la normativa.

He actualizado el artículo porque muchas cosas han cambiado desde que lo escribí: el nombre, la forma de medir y, sobre todo, la importancia del consentimiento.

¿Qué es el píxel de Meta (antes píxel de Facebook)?

El píxel de Meta es un fragmento de código JavaScript que se instala en tu página web y envía a Meta las acciones que realizan tus visitas: ver una página, rellenar un formulario, añadir un producto al carrito o completar una compra. Con esa información, Meta puede medir tus campañas, optimizar a quién muestra los anuncios y crear audiencias.

Es la misma herramienta de siempre: en 2022 Facebook pasó a llamarse Meta y el píxel cambió de nombre con ella. Si buscas «píxel de Facebook» en el Administrador de eventos, ahora lo verás como «píxel de Meta» o como un «conjunto de datos».

¿Para qué sirve el píxel de Meta?

• Medir conversiones: saber cuántos contactos, reservas o ventas genera cada campaña y cuánto te cuesta cada una.
• Optimizar los anuncios: Meta usa los eventos de tu web para mostrar los anuncios a quien tiene más probabilidades de convertir, no solo a quien hace clic.
• Remarketing: volver a impactar a quien visitó una página de servicio o abandonó un carrito.
• Audiencias similares: encontrar personas parecidas a tus clientes o a quienes ya te han contactado.

Píxel y API de conversiones: por qué hoy necesitas los dos

El píxel funciona en el navegador del usuario, y ahí cada vez pierde más datos: bloqueadores de anuncios, restricciones de privacidad de los navegadores y usuarios que no aceptan las cookies. Por eso Meta recomienda combinarlo con la API de conversiones (Conversions API o CAPI), que envía los mismos eventos desde tu servidor.

• Píxel (navegador): fácil de instalar y en tiempo real, pero sensible a bloqueos.
• API de conversiones (servidor): más fiable y completa, sobre todo para eventos importantes como compras o formularios.
• Deduplicación: si envías el mismo evento por las dos vías, ambos deben llevar el mismo identificador de evento (event_id) para que Meta no lo cuente dos veces. Los plugins que te recomiendo más abajo lo hacen por ti.

Antes de instalarlo: cookies y consentimiento

El píxel de Meta utiliza cookies publicitarias, así que en España y en el resto de la UE no puede cargarse hasta que el usuario lo acepte en el banner de cookies. Instalar el píxel «a pelo» en el header, sin bloqueo previo, es una de las infracciones más habituales que veo en webs de clientes.

Asegúrate de que tu plugin de cookies bloquea el script hasta que haya consentimiento, o de que el plugin con el que instalas el píxel respeta esa decisión. Te lo explico con más detalle en la guía para configurar las cookies en WordPress.

Paso 1: crea tu píxel en el Administrador de eventos

1. Entra en el Administrador de eventos de Meta desde tu cuenta de Meta Business (Business Suite).
2. Pulsa en Conectar orígenes de datos, elige Web y ponle un nombre a tu píxel o conjunto de datos.
3. Introduce la URL de tu web. Meta te propondrá un método de instalación: puedes elegir una integración con un partner (WordPress, WooCommerce, Google Tag Manager) o la instalación manual del código.
4. Copia el ID del píxel: es el número que necesitarás en cualquiera de los métodos.

Aprovecha también para verificar tu dominio en la configuración del negocio. Es un paso que muchos se saltan y que da más control sobre los eventos que se atribuyen a tu web.

Paso 2: elige cómo instalarlo en WordPress

Opción A: con un plugin (la recomendada para la mayoría)

Es la forma más rápida y la que menos se rompe con las actualizaciones. Antes de instalar ninguno, revisa el resto de plugins de tu web para no duplicar el código.

• PixelYourSite: el más completo para webs de servicios y blogs. Pegas el ID del píxel, activa los eventos más habituales automáticamente y permite configurar la API de conversiones con un token de acceso. Se integra con los principales plugins de cookies.
• Integración oficial de Meta para WooCommerce: si tienes tienda online, conecta tu catálogo con Facebook e Instagram y envía los eventos de compra (ver producto, añadir al carrito, compra) por píxel y API de conversiones. Más información en mi guía completa de WooCommerce.
• Plugins de inserción de código (WPCode o similares): útiles si solo quieres el código base del píxel sin más funciones. Aquí la API de conversiones tendrías que montarla por otro lado.

Opción B: con Google Tag Manager

Si ya usas Google Tag Manager para Google Analytics o Google Ads, lo más ordenado es añadir ahí también el píxel de Meta. Tienes todas las etiquetas en un único sitio, puedes condicionarlas al consentimiento y no tocas el código de la web. Es el método que uso en la mayoría de proyectos con campañas activas.

Opción C: manual (solo si sabes lo que haces)

El código base del píxel va dentro de la etiqueta <head>. Lo que no te recomiendo es pegarlo en el archivo header.php del tema: se pierde en cuanto el tema se actualiza. Si lo haces a mano, usa un tema hijo o, si trabajas con Elementor Pro, su función de Código personalizado, que permite insertarlo en el head de toda la web. Y recuerda: con el método manual el bloqueo por consentimiento es responsabilidad tuya.

Paso 3: configura los eventos que importan

Con el código base solo mides las páginas vistas. Lo que de verdad sirve para optimizar campañas son los eventos de conversión:

• Lead: envío de un formulario de contacto o de presupuesto.
• Contact o Schedule: clic en WhatsApp o reserva de una cita. Si usas un botón de chat, en esta guía tienes los mejores plugins de WhatsApp para WordPress.
• ViewContent, AddToCart, InitiateCheckout y Purchase: el recorrido de compra de una tienda online.

Mi consejo: empieza con uno o dos eventos bien medidos (por ejemplo, Lead en la página de gracias del formulario) antes de llenar la cuenta de eventos que nadie usa.

Paso 4: comprueba que funciona

• Meta Pixel Helper: la extensión de Chrome (antes «Facebook Pixel Helper») te dice en cada página si el píxel se carga y qué eventos envía.
• Probar eventos: en el Administrador de eventos puedes navegar por tu web y ver los eventos llegar en tiempo real, tanto del navegador como del servidor.
• Calidad de la coincidencia de eventos: Meta puntúa cada evento según los datos que lo acompañan. Cuanto más alta, mejor podrá atribuir las conversiones a tus anuncios.
• Prueba con y sin aceptar cookies: si rechazas las cookies y el píxel sigue cargando, algo está mal configurado.

Errores habituales

• Tener el píxel instalado dos veces (plugin + tema o plugin + Tag Manager), lo que duplica las conversiones.
• Cargarlo antes del consentimiento de cookies.
• Medir solo páginas vistas y optimizar las campañas a tráfico en lugar de a conversiones.
• Activar la API de conversiones sin deduplicar los eventos.
• Olvidarse de excluir a los administradores de la web, que ensucian los datos al navegar por ella.

Palabras finales

Instalar el píxel de Meta en WordPress es sencillo; lo que marca la diferencia es hacerlo bien: respetando el consentimiento, midiendo los eventos que importan y complementándolo con la API de conversiones. Con esa base, tus campañas en Facebook e Instagram optimizarán hacia clientes reales y no hacia clics.

Si quieres que revise la medición de tu web o te ayude a montar la de tus campañas, puedo hacerlo dentro de mi servicio de consultoría WordPress.