Introducción a GTM

1

Google Tag Manager: Gestión Eficiente de Etiquetas y Snippets

2

Marketing Basado en Datos y Google Tag Manager

HTML para Marketing

3

Estructura de una Página Web: HTML, CSS y JavaScript

4

Fundamentos de HTML y DOM para Marketing Web

5

Etiquetas HTML esenciales: head, body, form, párrafo y más

6

Integración de HTML y Marketing Digital

Integrar plataformas de terceros con GTM

7

Instalación y Verificación de Google Tag Manager en tu Sitio Web

8

Tag Assistant y Preview Mode: Diagnóstico y Verificación de Tags

9

Instalación de Google Analytics con Tag Manager

10

Instalación del píxel de Facebook Ads con Tag Manager

11

Configuración de Etiquetas de Conversión con Google Tag Manager

12

Instalación del píxel de Bing Ads con Google Tag Manager

13

Instalación de Píxel de Conversión en LinkedIn Ads

Optimizar resultados con eventos built-in

14

Seguimiento de Scroll en Google Analytics con Tag Manager

15

Configuración de Triggers y Tags en Google Tag Manager

16

Rastreo de Clics y Eventos en Google Analytics y Google Ads

17

Configuración de Eventos de Google Ads para Monitoreo de Páginas Específicas

18

Rastreo de Formularios y Eventos en Google Tag Manager

Optimizar con eventos personalizados

19

Uso del Data Layer en Google Tag Manager para Marketing Digital

20

Programación Web para Estrategias de Marketing Digital

21

Introducción de datos al data layer en Google Tag Manager

22

Integración y uso de Google Tag Manager en Marketing Digital

23

Lectura y Uso de Variables en Google Tag Manager

Herramientas bonus

24

Migración de Google Analytics Universal a GA4 paso a paso

25

Instalación de Google Optimize con Tag Manager

Conclusiones

26

Conceptos clave de Google Tag Manager para principiantes

27

Implementación de Google Tag Manager y Optimización de Campañas

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Instalación del píxel de Facebook Ads con Tag Manager

10/27
Recursos

¿Cómo instalar el píxel de Facebook Ads usando Tag Manager?

Instalar el píxel de Facebook Ads en tu sitio web es crucial para optimizar tus campañas y medir el éxito de tus anuncios. Esto permite que tu publicidad sea más inteligente y se adapte mejor a las necesidades de tu audiencia. En esta guía, te explicaremos el paso a paso para configurarlo mediante el uso de Google Tag Manager.

¿Qué pasos debo seguir para crear un píxel en Facebook Business Manager?

Antes de instalar el píxel, es necesario crearlo en tu cuenta de Business Manager de Facebook. Si aún no tienes una cuenta, te recomendamos tomar un curso sobre Facebook Ads para cubrir estos aspectos. Sin embargo, aquí te guiamos a través del proceso inicial:

  1. Accede a Events Manager de Facebook: Este es el lugar donde podrás administrar tus píxeles y events.
  2. Crea una nueva fuente de datos (Data Source): Si aún no tienes una, selecciona la opción para medir actividad en la web.
  3. Inicia la configuración del píxel: Selecciona 'Get Started' y configura el píxel de Facebook.
  4. Asigna un nombre al píxel: Asegúrate de elegir un nombre que represente bien su uso, por ejemplo, "Conversions Online Tienda Platzi".
  5. Introduce la URL de tu sitio web: Recuerda que este debe ser el enlace de tu sitio web empresarial.
  6. Copia el código del píxel: Este código será necesario para configurarlo en Google Tag Manager.

¿Cómo configurar un tag en Google Tag Manager para el píxel de Facebook?

Una vez que tienes el código del píxel, es momento de usar Google Tag Manager para que funcione efectivamente en tu sitio web.

  1. Crea un nuevo tag: En tu cuenta de Tag Manager, accede a la vista principal y comienza a crear un nuevo tag.
  2. Configura el tag en 'Custom HTML': Pega el código del píxel de Facebook que copiaste anteriormente. Esta es la sección crítica para que el píxel pueda ejecutarse.
  3. Analiza y ajusta el código del píxel: Existen dos partes en el código: script y no-script. Elimina la parte no-script para no interferir con el rendimiento en navegadores que no soportan JavaScript.
  4. Modifica la configuración para optimizar el disparo del tag:
    • En 'Advanced Settings', selecciona 'Tag Firing Option' y configúralo para que dispare "Una vez por página" (1 per page).
    • Define las páginas web en las cuales este tag se debe activar.

¿Cómo configurar eventos adicionales en el píxel de Facebook?

Después de inicializar el píxel, es posible que desees seguir rastreando eventos adicionales como 'Add to Cart'. Aquí te explicamos cómo hacerlo:

  1. Desactiva eventos innecesarios durante la carga inicial: Al integrar el tag de Facebook, separa las funciones para que no se activen innecesariamente múltiples eventos 'page view'.
  2. Configura un nuevo tag para 'Page View': Debes crear un segundo tag específico para el evento 'page view'.
  3. Establece la secuencia de disparo del tag: En los 'Advanced Settings' del configurador de tags, utiliza 'Tag Sequence' para asegurarte de que el evento 'page view' sólo se dispare si el tag de configuración de Facebook fue exitoso.
  4. Verifica el correcto funcionamiento de los tags: Usa el modo preview y la herramienta Tag Assistant para asegurarte de que los tags se estén activando correctamente.

¿Cómo confirmar que el píxel y los eventos estén funcionando correctamente?

Una vez completada la configuración y con los eventos de 'page view' activados, tu sitio web estará listo para recibir datos y optimizar tus campañas publicitarias en Facebook.

  • Revisa en Tag Assistant: Asegúrate de que los tags configurados (Facebook setup y page view) se estén disparando correctamente.
  • Observa la sincronización de datos en Facebook: Los eventos comenzarán a registrarse automáticamente, indicando que el píxel está operativo.

Esta instalación te permitirá empezar a recoger valiosa información sobre la interacción del usuario en tu sitio, facilitando la creación de anuncios más efectivos en Facebook. Sigue explorando y aprendiendo para mejorar constantemente tus estrategias digitales.

Aportes 16

Preguntas 16

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

También pueden confirmar que el fb pixel se activa en su sitio, con la extensión de facebook que se llama Facebook Pixel Helper

Os dejo mis apuntes:
.
A través de Tag Manager introduciremos código en nuestro sitio sin modificar nuestro código fuente.
.
Pasos para la Instalación de Facebook Pixel en nuestro sitio a través de GTM:
Ve a tu Business Manager de Facebook >
En el panel principal pincha en Administrador de eventos >
Crea un nuevo “conector de datos” dale a el botón verde con el símbolo de + ubicado en la parte izquierda de la pantalla >
Selecciona la opción Web >
Selecciona Facebook Píxel (quizás te salga una pantalla que te explica cómo funciona el píxel de Facebook, simplemente dale a continuar) >
Ponle un nombre al píxel como “Píxel de Nombre del sitio web” >
Pon la URL de tu sitio web >
Elige la opción de “Agregar el código del píxel al sitio web manualmente” >
Dale al botón verde de “Copiar código” >
Vuelve a tag manager >
Crea un nuevo tag, ve a Etiquetas > nuevo >
Ponle el nombre de “Facebook – Configuración” >
Pulsa en Configuración de la etiqueta >
Selecciona la opción Personalizado > HTML, de la lista >
Pega en el recuadro lo que copiaste de la página de Facebook >
Elimina esto del código (esto es para navegadores que no soporte JavaScript) probablemente no se use nunca ya que todos los navegadores suelen usar JavaScrip:

Elimina esto ya que nos viene un seguimiento/trakeo precargado que en este caso es “Pagina vista”, al borrar esto nosotros estaremos instalando el píxel de Facebook pero sin disparadores o trakeadores, si nosotros quisiéramos añadir algún tipo de seguimiento (como página vista o agregar al carrito) crearíamos un nuevo tag para ello:

<h3>Continuando con la instalación del píxel de Facebook iremos a opciones avanzadas >
(Cómo no queremos que en las páginas el píxel se cargue muchas veces y solo queremos que se cargue una única vez, seleccionaremos en “opciones de activación de la etiqueta” – “Una vez por página” >
Ahora le damos al recuadro de “Activación” >
Selecciona la opción de “All pages” >
Pinchamos en Guardar ></h3>

*Lo que acabamos de hacer es instalar el píxel de Facebook, pero no esta haciendo seguimiento de nada para eso crearemos una nueva etiqueta:
.
Pulsa en Nueva y titúlala “FB – Page View” >
Pincha en Configuración de la etiqueta y HTML personalizado >
Escribe el código siguiente en el recuadro:
<script>
fbq(‘track’, ‘PageView’);
</script>
Entra en la configuración avanzada y selecciona la opción de > secuencias de etiquetas > “Activar una etiqueta antes de que se active “FB – Page View” (<esto último cambiará dependiendo del título que le hayas puesto a ESTA etiqueta) >
Selecciona la etiqueta de “Facebook – Configuración” (o el nombre que tu le hayas puesto, a la etiqueta de instalación del píxel de Facebook) >
Marca el recuadro de “No active “FB – Page View si Facebook – Configuración no se activa o está en pausa” >
En el recuadro de “Activación” selecciona la opción de “All pages” >
Guardamos >
De vuelta en el panel principal puedes hacer una “Vista Previa” para ver si el Tag funciona o puedes darle a Enviar y seguir los pasos para que se publique.

La interfaz de facebook cambió, por favor revisar esto para el contenido del curso.

No me funciona!! Ya rectifiqué la instalación en el sitio web, el tag assitant lo deteca y todo esta bien, pero Facebook simplemente no detecta nada!!

Instalar Facebook Pixel vía Tag Manager

Para instalar Facebook Pixel en un sitio web utilizando Google Tag Manager, sigue los siguientes pasos:

1. Crea un Data Source en Facebook Events Manager

En Facebook Events Manager, crea un nuevo Data Source y selecciona el método de conexión “Facebook Pixel”. Dale un nombre descriptivo al Data Source y agrega la dirección de tu sitio web. Selecciona “Manualmente agregar el código del píxel de Facebook a mi sitio web” y copia el código que te proporciona Facebook.

2. Crea un tag en Google Tag Manager para Facebook Pixel

En Google Tag Manager, crea un nuevo tag con un nombre descriptivo que indique la instalación de Facebook Pixel. Selecciona el tipo de tag “Custom HTML” y pega el código que copiaste anteriormente. Debes eliminar la línea fbq("track", "pageview") ya que la agregaremos por separado para evitar que se genere un PageView cada vez que se dispare un evento.

3. Configura el tag para que se dispare en todas las páginas

En la configuración avanzada del tag, en “Tag firing options”, selecciona “Once per page”. En “Triggering”, selecciona “All Pages” y guarda los cambios.

4. Crea un tag de PageView para Facebook Pixel

Crea un nuevo tag con el nombre “FB PageView”. Selecciona el tipo de tag “Custom HTML” y en el campo HTML, agrega el siguiente código:

perlCopy code
<script>
 fbq("track", "pageview");
</script>

En “Triggering”, selecciona “All Pages”. En la configuración avanzada del tag, en “Tag sequencing”, marca la opción “Don’t fire FB PageView if Facebook - Setup fails or is paused”.

5. Verifica y publica los cambios

Verifica en el modo “Preview” que todo funciona correctamente. Si es así, dale a “Submit” y ponle un nombre descriptivo a la versión. Finalmente, dale a “Publish” para publicar los cambios en tu sitio web.

Creo que ya merece una actualización el curso, ademas al final ni el mismo Ulises presento el pixel instalado

Para quienes ya tengan un Pixel y necesiten el código base, vayan a Administrador de eventos - Orígenes de datos y seleccionen el Pixel que tienen. Luego, seleccionan la casilla “Agregar eventos” y posteriormente “Desde un sitio web nuevo”. Ahí les permite encontrarlo y llevarlo a Tag Manager.

Esto ha cambiado un poco, es importante que actualicen esos cursos, para las personas que por primera vez utilizamos estas herramientas ! gracias

En caso quieran instalar un Pixel que ya crearon y tengan problemas con eso, vayan a “Partners Integration” y seleccionen Google Tag Manager

¡El conocimiento es mágico!
Ya se como configurar el pixel de Facebook para webs que no estan hechas con wordpress.
¡Excelenteeee lo que he aprendido!

¿Al seleccionar "Custom HTML" como tipo de etiqueta en Google Tag Manager, nos aseguramos que ese código sera insertado en el "Head" del sitio? Ya que la plantilla no lo especifica, y el Pixel de Facebook requiere ser insertado en el "Head" de la página.
Que curso más viejo, deberían quitarlo
¿Este mismo proceso aplica para cualquier evento, por ejemplo un add to cart?

Efectivamente, agregó a lo visto en esta lesión, que también existe una extensión para Google Chrome de Meta, se llama “Pixel Helper” esta al igual que la extensión que mostró Ulises en la lesión anterior, ayuda a ver si el Pixel de Facebook esta bien instalado y puede ver también si los eventos que configuraste, se están activando.

Hallazgo:

  • No tenía idea de que se podían usar los tags secuenciales. Gracias Uli 😃

Hola tengo una pregunta.

Actualmente tengo corriendo un tag de FB - Pageview, con el disparador o trigger Load Delay - temporizador, aproximadamente 4 segundos.

Pero me afecta el tiempo de carga de mi pagina. Lo he probado quitando ese temporizador y el tiempo de carga mejora enormente pasando de 4.7s a 2.5s. Estoy casi seguro q es por el temporizador.

Hay manera de seguir utilizando ese trigger ya que me importa que se marque un page view despues de los 4 segundos, sin que afecte el tiempo de carga de pagina web ?