Cómo instalar el píxel de Meta (Facebook) con Google Tag Manager, paso a paso

El píxel de Meta es lo que permite a Facebook e Instagram saber qué pasa en tu web después de que alguien haga clic en un anuncio: si rellenó el formulario, si te escribió por WhatsApp o si compró. Sin él, Meta Ads optimiza a ciegas y no puedes saber qué campañas te traen clientes.

Instalarlo con Google Tag Manager tiene ventajas claras: no tocas el código de la web, lo gestionas junto a Google Ads y Analytics, puedes hacer que solo se active si el usuario acepta las cookies y lo pruebas antes de publicar. En esta guía lo hacemos completo: el código base, los eventos de contacto, el consentimiento y la comprobación final.

Antes de empezar

• Acceso al Administrador de eventos de Meta con tu cartera comercial (antes, Business Manager).
• Google Tag Manager instalado en la web y acceso para publicar. En WordPress se suele instalar con un plugin como GTM4WP o pegando el código en el tema.
• Un banner de cookies que comunique el consentimiento a Tag Manager (Cookiebot, CookieYes, Complianz…). En España, las cookies publicitarias necesitan consentimiento previo, y seguir navegando no cuenta como aceptar.
• Saber si ya hay un píxel instalado por otro camino (un plugin de WooCommerce, PixelYourSite, el propio tema). Si lo hay, quítalo antes: dos instalaciones duplican los eventos.

¿Plantilla de la galería o HTML personalizado?

Hay dos formas de meter el píxel en Tag Manager, y las dos funcionan:

Google recomienda usar plantillas antes que HTML personalizado cuando existan, por seguridad y rendimiento. En nuestra web usamos la plantilla; aquí explicamos el método con HTML personalizado porque es el de la ayuda de Meta y se entiende mejor qué hace cada parte. El funcionamiento es el mismo.

Paso 1: copiar el ID del píxel

Meta ha cambiado el nombre: lo que antes era el píxel ahora aparece como conjunto de datos (dataset), pero el ID es el mismo y el código sigue llamándose píxel.

1. Entra en el Administrador de eventos y, en Orígenes de datos, selecciona tu conjunto de datos.
2. Copia el ID (un número largo). Si quieres el código completo: Añadir eventos → Nueva integración → Píxel de Meta → Configurar → Añadir el código manualmente.

Paso 2: crear la etiqueta base del píxel (con consentimiento)

En Tag Manager: Etiquetas → Nueva → Configuración de la etiqueta → HTML personalizado. Pega el código base y sustituye TU_ID_DE_PIXEL por tu ID:

<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', 'TU_ID_DE_PIXEL');
fbq('track', 'PageView');
</script>

Este código carga la librería de Meta, inicia tu píxel y envía el evento PageView (página vista). Meta indica que no se debe quitar esa última línea.

Ahora, dos ajustes importantes:

• Configuración avanzada → Opciones de activación de etiquetas → Una vez por página. Así lo indica la guía de Meta para Tag Manager y evita que el código base se cargue dos veces.
• Activador: Meta usa «All Pages» en su ejemplo, pero en España debes respetar el consentimiento. Tienes dos opciones: activar la etiqueta con el evento que lanza tu banner cuando el usuario acepta las cookies de marketing (por ejemplo, Cookiebot lanza cookie_consent_marketing), o usar «All Pages» y en Configuración avanzada → Configuración de consentimiento exigir ad_storage.

Paso 3: crear los eventos de conversión

El PageView solo dice que alguien vio una página. Para que Meta optimice por clientes, necesitas medir las acciones que importan. Meta tiene eventos estándar pensados para esto:

Cada evento va en su propia etiqueta de HTML personalizado. Por ejemplo, para el formulario:

<script>
  fbq('track', 'Lead');
</script>

• Activador del formulario: vista de página con Page Path contiene /gracias/ (o la URL de tu página de gracias).
• Activador de Contact: el clic en tel: o en WhatsApp. Lo explicamos paso a paso en cómo medir los clics en WhatsApp y en el teléfono.
• Orden: el evento necesita que el código base esté cargado. En la etiqueta del evento, usa Configuración avanzada → Secuencia de etiquetas para activar antes la etiqueta base, o asegúrate de que el evento solo puede ocurrir después del consentimiento.

Paso 4: comprobar que funciona (antes de publicar)

1. Vista previa de Tag Manager. Abre tu web en modo vista previa, acepta las cookies de marketing y comprueba que la etiqueta base se activa una vez. Después envía el formulario o pulsa el botón de WhatsApp y comprueba que se activa la etiqueta del evento.
2. Prueba sin aceptar. Repite rechazando las cookies: la etiqueta del píxel no debe activarse.
3. Meta Ads Data Advisor. Es la extensión de Chrome que antes se llamaba Meta Pixel Helper. Te dice si detecta el píxel, qué eventos recibe y si el código está duplicado. Desactiva el bloqueador de anuncios mientras pruebas.
4. Prueba de eventos en el Administrador de eventos. En tu conjunto de datos, abre la pestaña de prueba de eventos, introduce la URL de tu web y haz las acciones: verás llegar PageView, Lead y Contact en directo.
5. Publica. En Tag Manager, pulsa Enviar y publica la versión. Revisa al día siguiente la pestaña Diagnóstico del conjunto de datos.

Si también usas la API de conversiones de Meta

Meta recomienda combinar el píxel con la API de conversiones, que envía los mismos eventos desde el servidor y recupera parte de lo que el navegador pierde (bloqueadores, navegadores que limitan cookies, usuarios que cierran antes de que cargue la página).

Si envías el mismo evento por los dos caminos, Meta necesita saber que es uno solo. Para eso se usa el ID del evento: el píxel y el servidor deben enviar el mismo nombre de evento y el mismo ID, y Meta descarta el duplicado (la ventana de deduplicación es de 48 horas). En el píxel se pasa así:

<script>
  fbq('track', 'Lead', {}, {eventID: 'ID_UNICO_DEL_ENVIO'});
</script>

El ID tiene que ser único por cada envío (no un valor fijo) y llegar igual al píxel y al servidor. Si no lo envías, verás contactos duplicados en Meta Ads.

Por qué el píxel de Meta no funciona: errores típicos

Un truco que propone la propia Meta para encontrar duplicados: abre las herramientas de desarrollador del navegador (F12 → Red), busca el ID de tu píxel y mira cuántos scripts lo cargan. Si aparece desde Tag Manager y desde un plugin, ya sabes dónde está el problema.

Sigue con: la guía de Google Tag Manager en WordPress para ordenar el resto de etiquetas, cómo configurar Cookiebot y el modo de consentimiento para que el píxel respete las cookies y cómo un asistente de WhatsApp con IA atiende los mensajes que traen tus anuncios. Si quieres que montemos tus campañas con la medición ya lista, mira cómo trabajamos la gestión de Meta Ads.

Preguntas frecuentes

Miguel Ángel Cebrián

Fundador de Migora Marketing. Tiene 7 certificaciones oficiales de Google (Búsqueda, Display, Medición, Vídeo, Shopping con IA, Optimización de conversiones y Google Analytics). Configura y revisa a diario Google Tag Manager, GA4, Google Ads y el píxel de Meta, empezando por nuestra propia web.