Cómo instalar el píxel de Facebook con Google Tag Manager en 5 minutos

¿Trabajas en marketing y quieres aprender a usar Google Tag Manager de manera profesional? Tenemos el mejor curso en español 👇

Reproducir video acerca de instalar pixel de facebook en google tag manager

Instalar el píxel de Facebook en tu web es un paso muy importante para hacer seguimiento de tus campañas de marketing y de tus anuncios.

No solo es necesario para obtener reportes en Meta Business, sino también para optimizar las campañas mediante el entrenamiento del pixel y el envío de información de conversión al pixel.

Para instalar el píxel de Facebook usando Google Tag Manager, sigue estos pasos:

1. Asegúrate de tener instalado Google Tag Manager en tu sitio web

Existen varias extensiones para saber si Google Tag Manager está instalado correctamente en tu sitio web, personalmente te puedo recomendar la extensión Tag Assistant Legacy.

Esta extensión de Chrome te dirá todas las etiquetas de Google que están instaladas en tu sitio web, incluyendo la etiqueta de Google Tag manager.

Instala la extensión y actívala, una vez activa, revisa que tengas instalado Google Tag Manager.

Una vez instales GTM, lo verás así en la extensión:

google tag manager instalado

Si todavía no tienes instalado Google Tag Manager te dejo esta guía para instalar Google Tag Manager en WordPress.

2. Copia el código del píxel de Facebook desde Meta Business

Dirígete al administrador de negocios de Facebook (Meta Business Manager) y busca la configuración de tu píxel.

Dale clic al botón «Instalar código manualmente»

gestionar pixel de facebook

Se mostrará el código del píxel de Facebook, cópialo porque lo usaremos después para instalarlo con Google Tag Manager.

copiar código del pixel de facebook

3. Instalar el píxel de Facebook usando Google Tag Manager

Dirígete a Google Tag Manager y haz clic en el menú «Etiquetas».

Crea una nueva etiqueta, asígnale un nombre descriptivo como «FB – Píxel de configuración».

creando una etiqueta para instalar el pixel de facebook

Haz clic en el cuadro superior «Configuración de la etiqueta» y de la lista desplegable, haz clic en el tipo de etiqueta «HTML personalizado».

etiqueta de tipo html personalizado en google tag manager

Pega el código del píxel de Facebook en el campo de texto.

pegar codigo del pixel de facebook en google tag manager

Ahora debes agregar un activador, que determina cuándo se debe disparar esta etiqueta.

Para el píxel de Facebook, es importante agregarlo en todas las páginas del sitio web, por lo que usaremos un activador de vista de página.

Haz clic en el recuadro inferior para seleccionar el activador.

recuadro de activadores de google tag manager

Selecciona la opción «Todas las páginas» o All pages si tienes Tag Manager en inglés.

activador de todas las páginas de google tag manager

Así se vería la etiqueta con el código y con el activador agregado:

etiqueta de píxel de facebook completa

Ahora lo único que debes hacer es guardar esta etiqueta, haz clic al botón «Guardar» ubicado en la parte superior derecha.

Ya tienes todo lo que necesitas, es hora de asegurarse de que el píxel está recibiendo datos.

4. Probar la instalación del píxel de Facebook en Google Tag Manager

Hacer pruebas de que todo funcione es fundamental para evitar problemas futuros. Nada peor que darnos cuentas días después de que nada estaba funcionando.

Afortunadamente Google Tag Manager cuenta con un modo de vista previa que nos ayudará asegurarnos de que todo esté funcionando como es debido.

Instala la extensión Meta Pixel Helper

La extensión Meta Pixel Helper te ayudará a determinar si el sitio web está recibiendo datos, haz clic aquí para descargarla en Chrome.

Una vez instalada, podrás ver en tiempo real los datos que se están enviando a tu píxel de Facebook.

Activa la vista previa de Google Tag Manager

Dale clic al botón «Vista previa» ubicado en la parte superior derecha de la página.

vista previa de google tag manager

Se abrirá una nueva pestaña donde deberás ingresar la URL de tu sitio web, debe ser el mismo en el que tienes instalado el contenedor de Tag manager.

tag assistant vista previa

Haz clic en el botón «Conectar», esto abrirá una nueva pestaña con el sitio web con los cambios que acabas de hacer en Tag Manager.

Dale clic a la extensión de Meta Pixel Helper, si todo está bien, deberías ver un PageView siendo enviado al Píxel de Facebook.

meta pixel helper

Ahora ya comprobaste que todo está funcionando correctamente.

5. Publica los cambios del contenedor de GTM

Ahora que ya te aseguraste de que todo funciona correctamente, es hora de publicar los cambios para que el píxel de Facebook comience a recolectar datos de los usuarios reales.

Dale clic al botón de «Enviar» ubicado en la parte superior derecha de la pantalla.

botón enviar para guardar los cambios

Verás una nueva ventana para poner un nombre a la versión que será publicada, asegúrate de poner un nombre descriptivo de los cambios que hiciste, en este caso algo como «Agregado píxel de Facebook» sería suficiente.

Luego haz clic en el botón «Publicar».

publicar los cambios hechos en google tag manager

Ya tienes todo listo, probando y funcionando. Es hora de enviar datos de conversiones al píxel de Facebook para mejorar la conversión de tus campañas.

Si aún no sabes cómo usar Google Tag Manager te dejo este curso básico gratis de GTM.

masterclass de google tag manager

Curso de

Optimiza tus campañas de Ads enviando datos dinámicos de eventos y conversiones a plataformas como Google Ads, Meta Ads, Linkedin Ads, etc.

Es tu momento de aprender a usar Google Tag Manager para mejorar el rendimiento de tus campañas

Precio:

$179 Dólares

Juan S. Aparicio - Perfil del instructor

Tu Instructor

Juan Sebastian Aparicio

Diseñador gráfico y desarrollador de software con más de 8 años de experiencia. Creador de Tutopress, uno de los canales de YouTube más vistos en analítica digital.