N.B.: las capturas de pantalla de esta hoja son de octubre de 2020. La interfaz y la plataforma de Facebook Pixels cambian con regularidad, por lo que la apariencia puede no ser la misma. No obstante, el proceso debería seguir siendo el mismo.
Primero, ¿qué es Google Tag Manager?
Google Tag Manager (GTM) es un sistema de gestión de etiquetas que te permite rastrear datos más avanzados. GTM actualiza y facilita rápidamente el seguimiento de datos en aplicaciones o sitios web. Es una interfaz que te permite crear y ver las etiquetas que creas. GTM es un sistema de gestión de etiquetas y funciona como un CMS (sistema de gestión de contenidos), excepto que no es para el contenido del sitio, sino para etiquetas especiales.
Puedes rastrear tus datos vinculando tu cuenta de Google Tag Manager a Google Analytics, por ejemplo.
¿Por qué necesitamos Google Tag Manager?
Las ventajas de Google Tag Manager:
Ahorra tiempo a los desarrolladores. No necesitan desarrollarlo internamente; la interfaz es fácil de entender para que cualquiera pueda implementarla.
Datos más precisos. Permite el seguimiento personalizado y el análisis de datos y necesidades específicas.
Aumenta la velocidad del sitio (tiempo de respuesta, flujo de trabajo, tiempo de carga de página).
¿Por qué configurarlo para tu cuenta de bsport?
Para poder analizar el comportamiento de los alumnos y los posibles alumnos cuando están en la plataforma de bsport vinculada a tu cuenta. Puedes analizar los diferentes pasos, clics, sesiones y más.
¿Qué son los Facebook Pixels?
El Facebook Pixel es un fragmento de código que te permite recuperar datos de los usuarios que han visitado tu sitio web para crear una audiencia.
¿Por qué necesitamos los Facebook Pixels?
El Facebook Pixel se usa para optimizar las campañas publicitarias en Instagram y Facebook, analizar el tráfico hacia tu sitio a través de Facebook y rastrear la ruta de compra y otros datos relacionados con la publicidad.
¿Por qué configurarlo para tu cuenta de bsport?
Para poder analizar el comportamiento de los usuarios después de hacer clic en un anuncio de Facebook o Instagram. Y contar con los datos adecuados para optimizar tus campañas de marketing.
Ahora que ya sabes qué son Google Tag Manager y Facebook Pixels, empecemos este tutorial para vincular estas dos herramientas a tu plataforma de bsport.
Los pasos para obtener los datos de bsport:
Vincula tu cuenta de bsport y Google Tag Manager.
Configura tu cuenta de Google Tag Manager.
Configura tu cuenta de Facebook Pixels.
Vincula Pixels y Google Tag Manager.
Crea etiquetas de Google Tag Manager para rastrear los datos de los anuncios de Facebook.
Verifica que las acciones en la plataforma se registren en Pixels.
Para este tutorial necesitas:
Una cuenta de Google Tag Manager.
Una cuenta de Facebook Business Manager, que da acceso a Facebook Pixels.
Una cuenta de bsport.
Vincular tu cuenta de Google Tag Manager y bsport.
Para vincular tu cuenta de Google Tag Manager y bsport solo necesitas dos cosas:
Conocer tu identificador de Google Tag Manager.
Introducir tu ID de Google Tag Manager en la plataforma de bsport.
Para conocer tu ID de Google Tag Manager, ve a la interfaz de GTM y busca tu ID.
Lo encuentras aquí:
El número junto a GTM es tu ID.
A continuación, ve a tu plataforma de bsport como administrador.
Introduce tu ID de Google Tag Manager en Configuración > General > Google Tag ID.
Tu cuenta de bsport y Google Tag Manager ya están vinculadas.
Configura tu cuenta de Google Tag Manager
Ahora puedes configurar tu cuenta de GTM para rastrear los datos de tu plataforma.
Google Tag Manager funciona con 3 configuraciones:
Etiquetas. Crear una te permite establecer reglas y elegir qué quieres rastrear. Puede ser una vista de página, extraer información de Google Analytics, Facebook Pixels, etc.
Activadores: los datos que quieres rastrear, la etiqueta que se activará por una determinada acción. Por ejemplo: clic en un vídeo, clic en un artículo, añadir a la cesta, etc.
Variables: variables que se pueden aplicar a los activadores para obtener un seguimiento más preciso.
Ahora puedes crear etiquetas para rastrear los datos en tu plataforma de bsport.
Para analizarlos, debes vincular tu cuenta de Google Tag Manager a Google Analytics.
Para crear una etiqueta en Google Tag Manager, haz clic en «Etiquetas» en la barra lateral izquierda y luego en «Nueva».
Después de crear una cuenta de Google Analytics y vincularla a Google Tag Manager, esto se hace de forma automática.
En la plataforma de Google Tag Manager, crea una etiqueta > Google Analytics: Universal Analytics.
La configuración se realiza de forma automática y solo tienes que elegir la variable y el activador para la etiqueta.
Para la activación de la etiqueta, elige «All Pages» en Vista de página, de modo que la etiqueta se active cada vez que se visualice o cargue en la plataforma.
Una vez hecho esto, accederás a una página con este aspecto:
Puedes previsualizar, verificar que la etiqueta se activa cuando se visualiza en la plataforma o en tu sitio, y publicar.
El mismo principio se aplica a todas las demás etiquetas posibles en Google Tag Manager.
Configura tu cuenta de Facebook Pixels
Necesitas una cuenta de Facebook Business Manager para gestionar anuncios y también para crear y moderar Pixels. Para crear una cuenta: https://business.facebook.com/overview
Después de crear una cuenta, ve al Administrador de eventos. Desde allí puedes crear un Pixel.
Puedes crear un Pixel para tu sitio, para la plataforma, etc.
Para hacerlo, haz clic en «Añadir Pixel» y aparecerá un banner con tres opciones:
Vincula tu Pixel a tu sitio.
Vincula tu Pixel a tu aplicación.
Vincula tu Pixel sin conexión.
Elige el Pixel para tu sitio.
Aparece este pop-up con 3 opciones:
Elige una de las dos opciones; recomendamos la integración con socios porque es más sencilla.
A continuación, verás este banner:
A continuación, se darán instrucciones según el socio elegido y podrás analizar los datos de tu sitio con unos pocos clics.
También puedes instalar el código del pixel en todos los <head> de tu sitio.
Si tienes una agencia o un webmaster, también puedes enviar las instrucciones con «Enviar instrucciones por correo».
Vincula Pixels y Google Tag Manager
Ahora puedes vincular Google Tag Manager y Pixels.
Al vincular Google Tag Manager y Pixels, también puedes conectar con bsport, ya que la etiqueta de GTM se configuró en el paso 1.
Para conectar Facebook Pixels a Google Tag Manager, el proceso se realiza desde el lado de Facebook.
Ve al Administrador de eventos para crear un Pixel.
Como en el paso anterior, añade un Pixel a tu sitio y haz clic en «Usar un socio».
Luego selecciona Google Tag Manager.
Solo tienes que seguir los pasos y todo quedará configurado.
Tu Pixel y Google Tag Manager ya están conectados.
Crea etiquetas de Google Tag Manager para rastrear los datos de los anuncios de Facebook
Ahora vamos a crear etiquetas de GTM y vincularlas a un Pixel para rastrear la actividad en Facebook Pixels.
Antes de empezar:
Para permitir que Pixels rastree los eventos que ocurren en la plataforma de bsport, debes hacerlo a través de Google Tag Manager. Por eso conectaste Google Tag Manager y Pixels en el paso anterior.
También necesitas que Google Tag Manager entienda los eventos que ocurren en la plataforma de bsport para poder enviarlos a Pixels.
Es necesario crear una variable en Google Tag Manager que corresponda al evento de bsport.
Encuentra todos los eventos de bsport aquí.
Ahora vamos a crear la variable para que un evento de bsport se envíe a Pixels.
En este ejemplo usaremos el evento de clic en añadir a la cesta.
Crea la variable. En Google Tag Manager, ve a Variables > Nueva.
Luego crea una nueva variable > Variable de capa de datos.
Escribe «data» en el nombre de la variable de capa de datos. Nombra la variable; en nuestro caso será «dlv - data».
La configuración quedaría así:
Ahora podemos pasar a configurar la etiqueta.
En la plataforma de Google Tag Manager, ve a «Añadir una etiqueta».
Luego ve a «Configurar etiqueta» y a continuación a «Descubrir otros tipos de etiquetas».
Busca «Facebook Pixel» para configurar Pixels en GTM fácilmente sin necesidad de usar código manual.
Configura el Pixel asignándole un nombre, un ID y eligiendo el evento.
Seleccionaremos el evento Añadir a la cesta.
Del mismo modo, configura la activación de esta etiqueta. Ve a «Activador» en la parte inferior y configúralo.
Crea un activador: haz clic en el «+» en la parte superior derecha y crea un activador. Luego configura un «Evento personalizado».
En «Propiedades del objeto», añade la variable creada anteriormente.
Añade «dlv-data».
Luego configura la activación de esta etiqueta. Ve a «Activador» en la parte inferior y configúralo.
Crea un activador: haz clic en el «+» en la parte superior derecha y crea un activador. Luego configura un «Evento personalizado».
Desde aquí puedes nombrar el activador. «Añadir a la cesta» funcionará bien para nuestro ejemplo.
En «Nombre del elemento», introduce el evento de bsport que quieres capturar. Como nuestro elemento es el añadir a la cesta, en el archivo adjunto más arriba en este formulario vemos que el evento de bsport correspondiente es: bsport:basket:add-to-cart:pass
No olvides marcar la casilla «Usar coincidencia de expresión regular».
¡La configuración ha terminado! Guarda y cambia al modo de vista previa en Google Tag Manager. El modo de vista previa o «depuración» de Google Tag Manager te permite ver las etiquetas que se activan en una página web. También existe la extensión de Chrome, Google Tag Assistant.
Ve a tu marketplace de bsport y haz clic en un añadir a la cesta de tu plataforma.
En el modo «Depuración» de GTM puedes ver que la etiqueta se ha activado.
También puedes comprobar si el Pixel se ha activado con la extensión de Facebook Pixel Helper.
También puedes comprobarlo en el Administrador de eventos de Facebook Pixel:
Ya puedes configurar eventos de Google Tag Manager relacionados con tu plataforma y capturarlos en Pixels.