Guía práctica: cómo implementar el pixel de Facebook con GTM

Comenzaremos explicando qué es el pixel de Facebook y para qué sirve, posteriormente veremos cómo implementarlos usando Google Tag Manager y además cómo validarlo luego.

¿Qué es el pixel de facebook y para qué sirve?

Se trata de un trozo de código javascript con un identificador único que vincula la página en la que se introduce este código con una cuenta de anuncios de Facebook. Y que accede a la información de la página para que se pueda conocer mejor a los usuarios que visitan un site y así poder optimizar las campañas publicitarias.

Existen diferentes tipos de eventos que se pueden medir:

  • ViewContent: normalmente se usa en las páginas de producto, para indicar que se ha visto un producto determinado.
  • Search: cuando se realiza una búsqueda.
  • AddToCart: en el momento en el que se añade un producto al carrito.
  • AddToWishList: al agregar a favoritos algún producto.
  • InitiateCheckout: cuando el usuario empieza el proceso de pago, antes de completar el flujo de pago.
  • AddPaymentInfo: tras introducir los datos de pago.
  • Purchase: al finaliza la compra correctamente.
  • Lead: una vez se ha registrado correctamente el usuario.
  • CompleteRegistration: cuando se rellena correctamente alguno de los formularios (Ej. Suscripción)

En la página oficial de Facebook podemos obtener más información sobre estos eventos y los parámetros que necesita cada uno.

En este post explicaremos cómo meter el pixel de facebook básico usando GTM y alguno de los eventos detallados anteriormente. Además, una vez configurados en GTM, veremos cómo asegurarnos que el hit está saltando y poder validarlo correctamente.

Cómo poner el pixel usando GTM

Lo primero que haremos será coger el script del pixel básico o principal de Facebook, que es el que equivale al evento “pageView” y que en un principio, lo normal, es que se tenga que poner en todas las páginas del site.

En la anterior imagen vemos que para este pixel lo importante son dos cosas, el id de nuestra cuenta de Facebook y el track o evento. En este caso, como he comentado antes se trata de la página vista, y en un principio vamos a querer que salte en todas las páginas del site.

El siguiente pixel que pondremos será el de ver una ficha de producto, ViewContent.

Importante: como ya hemos puesto el pixel básico, ya no será necesario hacer el init con el identificador de la cuenta de Facebook. El resto de scripts serán mucho más sencillos, con tan solo la sentencia del evento y los parámetros que queramos pasarles. Si lo pusiéramos otra vez es probable que nos apareciera un warning diciéndonos que hay algún tipo de duplicidad en la inicialización.

Puede ocurrir que en algunos casos el pixel básico tarde en cargarse (depende de la web), por lo que si el pixel de contenido salta antes de cargarse el básico, nunca llegará el evento a las estadísticas de facebook, puesto que no sabe a qué ID está asociada esta información.

Para asegurarnos que esto no nos ocurra nunca, una buena práctica es activar la secuenciación de tags cuando lo editemos y obliguemos que el pixel del evento tenga que saltar una vez se haya activado el básico.

El resto de acciones a medir tan sólo será modificar el nombre del evento con los expuestos anteriormente, y los parámetros que nos interesen pasar en cada caso. Estos parámetros añadidos dependerán de cada modelo de negocio y site.

Una vez publicados los cambios, ¿cómo se puede ver si está funcionando bien o no?

Para validar los pixels de Facebook tenemos 2 maneras, por un lado la herramienta propia de Facebook que se llama “Facebook Pixel Helper” y la otra es la consola del navegador.

Lo primero que haremos será descargarnos esta herramienta, que no es más que una extensión en el navegador. Aquí podéis encontrar el enlace para la extensión de Chrome.

Una vez instalada, sólo será necesario ir a una de las páginas del site donde sepamos que tiene que producirse alguno de los eventos, y veremos que la herramienta nos informa si el pixel está bien cargado o no, y qué eventos están saltando.

La segunda manera es haciendo uso de las herramientas de desarrollo del navegador (CTRL+SHIFT+J o botón derecho del ratón “inspeccionar”), concretamente usaremos la pestaña “network”. En esta pestaña, como estamos interesados en los hits de Facebook, lo que haremos será filtrar por la palabra “Facebook” y activaremos la opción “preserve log” para que se mantengan los hits aunque haya un refresco de la página.

Una vez tenemos nuestro hit en pantalla, sólo tenemos que seleccionarlo y ver si la información que se está mandando es la correcta o no.

El pixel de Facebook es una herramienta de análisis que ayuda a ver la efectividad de las campañas que realice en Facebook Ads. Estos datos no se verán en Google Analytics, sino que se enviarán a la cuenta de anuncios de Facebook. Lo chulo de usar estos pixels es la oportunidad de usarlos para crear audiencias y de esta manera optimizar tus campañas. Por ejemplo, crearse una audiencia con aquellos que se han interesado por tu producto y/o  se ha suscrito a la newsletter, pero que no han acabado comprando. Estos usuarios pueden estar más cerca de la conversión que otros.

Espero que os haya resultado de utilidad 🙂

Sara Pascual

Sara Pascual

Share on facebook
Share on twitter
Share on linkedin
Share on email
3 min
Suscríbete a nuestra newsletter

Los mejores artículos de analítica digital para potenciar tu negocio.

3 comentarios en “Guía práctica: cómo implementar el pixel de Facebook con GTM”

  1. Excelente explicación!
    Me queda solo una consulta: Luego de haber creado el pixel base y los pixeles de contenido (con todos eventos y parámetros correctos), ¿Es necesario crear un pixel adicional de remarketing/retargeting? O esto se hace desde el panel de Facebook Ads mediante la creación de audiencias con los datos recogidos por todos los pixeles anteriores

    1. Hola, John

      Gracias por tu comentario.
      Normalmente cada cuenta de Facebook Ads tiene un único pixel básico.
      Luego dependiendo de las acciones que te interesen medir se puede añadir otros códigos en las distintas páginas del site (como puede ser el AddToCart, ViewContent, Purchase, etc).
      Tras esto en la cuenta de Facebook te puedes montar las audiencias que quieras en base a estos datos que te aportan los códigos.

      Saludos,
      Sara

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Entradas relacionadas

BigQuery Parameters Integration con Data Studio

El conector de Data Studio con BigQuery nos permite desde conectar con una vista específica o una tabla almacenada hasta custom queries que se ejecutan en realtime. Esta última conexión cada vez está más demandada, pues muchos de los cálculos requieren de procesamiento on the fly. Los parámetros juegan un papel fundamental en este tipo de consultas.

2 minutos

Dificultad

¿Qué es y cómo funciona Gigya?

Gigya es un servicio que sirve para gestionar las identidades de los usuarios en tu sitio web. Este CIAM (Customer Identity and Access Managment) trabaja como un RaaS (Registration-as-a-Service) que nos permite guardar información valiosa como el userID.

2 minutos

Dificultad

Aproximación al CLV

El CLV o LTV es una métrica que representa el beneficio económico que obtiene una empresa de un usuario a lo largo del ciclo de relación entre ambos. En este artículo veremos diferentes versiones de esta métrica y cómo calcularlas.

4 minutos

Dificultad

¿Qué es Algolia? El motor de búsqueda para mejorar tu UX y CRO

En este post introducimos el motor de búsqueda Algolia. Este ofrece una API y herramientas de UX intuitivas para crear la experiencia de búsqueda definitiva y así mejorar la experiencia del usuario y aumentar la conversión.

2 minutos

Dificultad

Ir arriba

Esta web utiliza ‘cookies’ de terceros. Al clicar aceptar está aceptando el uso que realizamos de las cookies. Para más información puede consultar nuestra Política de cookies