Cómo Instalar el Píxel de Meta (Facebook) en WordPress

por Alejandro Verjel | | Facebook Ads

Cómo Instalar el Píxel de Meta (Facebook) en WordPress

Píxel de facebook ¿dónde encontrar su código?

Lo primero que debemos hacer es tener a la mano el píxel de Facebook así que, para ello, vamos a entrar en su perfil y a clickar en la opción Administrador de anuncios o ‘Manage Ads’ que se encuentra en el desplegable tras el icono ‘?’ en la esquina superior derecha.

Una vez dentro del Business Manager renovado, si tiene administrador comercial lo verá como en la imagen a continuación, de las opciones que le aparezcan en el menú de la izquierda, haga clic en ➞ Administrador de eventos.

Si le sale la opción del business manager distinto de color de fondo oscuro: en el menú de las izquierda se va a ➞ Más herramientas y luego ➞ Administrador de eventos.

Cómo instalar el Píxel de Facebook 2023 New

Facebook hace cambios constantes y las interfaces son distintas para cada usuario, y los pasos para generar el código del pixel tiene varias opciones, y quien mejor que nuestro amigo Juan Fran Moreno para explicar en el siguiente video como hacerlo.

Instalar el píxel de Facebook de forma manual (sin plugin) en WordPress

Si se siente cómodo haciendo cambios a los archivos de WordPress y no quiere agregarle peso extra al sitio web lo indicado es que lo haga de manera manual.

Es tarea sencilla siempre y cuando conozca cúal es la estructura base de las plantillas de WordPress y entienda lo básico del lenguaje HTML.

Copiamos el facebook pixel e ingresa al editor de código de WordPress y busca el archivo header.php, estando dentro de este archivo buscamos la etiqueta y como recomienda Facebook lo pegamos justo sobre esta línea de código.

Escritorio WordPress ➞ Apariencia ➞ Editor ➞ header.php

Plugin para instalar en código de Facebook en WordPress

Éste plugin a mi parecer es el más sencillo de usar y en tan solo clicks ya tiene implementado el codigo en su web. Consume muy pocos recursos y es de mucha utilidad para usuarios que no quieren meterse en problemas con el código como en el anterior método.

El plugin se llama Insert Header and Footers

  • Instale Insert Headers and Footers subiendo el directorio insert-headers-and-footers al directorio /wp-content/plugins/ . O desde el apartado añadir nuevo plugin

  • Una vez instalado Acceda a Ajustes ➞ Insert Headers and Footers.

  • Pegue el código que ha copiado de TAGMANAGER en el header y body dentro del plugin.

Creación de la etiqueta en Google Tag Manager

Entra en la cuenta de Google Tag Manager al cual le quiera añadir el pixel de FB busca el contenedor dentro del espacio de trabajo y crea una nueva etiqueta. Si no sabe cómo hacerlo, aquí creé la etiqueta de Analytics para que le sirva de guía.

Crea la etiqueta y le pone un nombre fácil de recordar y explicativo, en mi caso “Pixel de FB”. Hace clic en el icono central de la etiqueta y elige la opción HTML Personalizado de la columna de la derecha.

Se le abrirá un recuadro en blanco y allí hace “Pegar” e inserta el código de su Pixel de Facebook como le muestro en la imagen a continuación.

En la ‘Configuración Avanzada’ de la etiqueta elegiremos la opción del desplegable ‘Una vez por Página’.

Para el activador, debe clicar en el icono del activador y elegir la opción por defecto ‘All Pages’.

Listo! ya hemos acabado, solo debe recordar siempre publicar con el botón enviar en azul que está en la parte superior derecha de su tag manager para que se vean reflejado los cambios.

¿Cómo verificar si he instalado correctamente el pixel?

Hay dos formas de saber si su píxel de Facebook está correctamente instalado en Google Tag Manager. Aprovecho para recordarle que si tiene el pixel en forma de código en su web, debe eliminarlo para que la información no se duplique y cree problemas.

Para saber si el píxel de FB está bien puesto en GTM puede ir de nuevo a su Ad Manager de Facebook y mirar en el apartado píxels que ya ha visitado antes para coger el código. Podrá ver un icono redondo verde a la derecha de la pantalla, si le dice que tiene actividad reciente, ¡está bien hecho!

A veces tarda en aparecer así que dé un margen de 24 horas, si en 24 horas no le aparece el pixel en verde, es que algo ha fallado durante el proceso de instalación.

Otro modo de saber si el pixel de Facebook está bien puesto en Google Tag Manager es usar una extensión para Chrome llamada ‘Facebook Pixel Helper’ que le dice cuantos pixeles activos tiene en su página web.

Va a el sitio web, activa la extensión y tiene que salirle como en la siguiente imagen pero con sus datos.

Una vez hecho esto, ya está listo para crear el seguimiento de conversiones, en el administrador de eventos para sus campañas de facebook ads y crear anuncios dinámicos para llegar a los clientes potenciales de su empresa.

Si fue de utilidad esta información compártala o suscríbase a mi newsletter para que reciba de primera mano artículos relacionados con el marketing digital.

Si quiere implementarlo con otra técnica le recomiendo a mi aliado juan de tutopres.com  con este manifico tutorial a continuación;

Como ve, las posibilidades que le ofrece el pixel de Facebook son realmente útiles a la hora de atraer público de valor hacia el sitio web.

Lo ideal es que todos los códigos ya sean track de seguimientos, pixeles, eventos de analytics, etiquetas de remarketing, etiquetas de Google Ads. Siempre todas deben estar dentro del tag manager, para que no haga peticiones externas de todos los JS que ponen lenta la carga de su web. Y en la página web solo debe ir el código del Tag Manager en el header y body respectivamente.

Si necesita contratar a un Consultor en marketing digital con experiencia en Diseño de páginas web que trabaje correctamente, páginas en wordpress Hablemos por Aquí

Artículos relacionados