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
Introducción a GTM
Google Tag Manager: Gestión Eficiente de Etiquetas y Snippets
Marketing Basado en Datos y Google Tag Manager
HTML para Marketing
Estructura de una Página Web: HTML, CSS y JavaScript
Fundamentos de HTML y DOM para Marketing Web
Etiquetas HTML esenciales: head, body, form, párrafo y más
Integración de HTML y Marketing Digital
Integrar plataformas de terceros con GTM
Instalación y Verificación de Google Tag Manager en tu Sitio Web
Tag Assistant y Preview Mode: Diagnóstico y Verificación de Tags
Instalación de Google Analytics con Tag Manager
Instalación del píxel de Facebook Ads con Tag Manager
Configuración de Etiquetas de Conversión con Google Tag Manager
Instalación del píxel de Bing Ads con Google Tag Manager
Instalación de Píxel de Conversión en LinkedIn Ads
Optimizar resultados con eventos built-in
Seguimiento de Scroll en Google Analytics con Tag Manager
Configuración de Triggers y Tags en Google Tag Manager
Rastreo de Clics y Eventos en Google Analytics y Google Ads
Configuración de Eventos de Google Ads para Monitoreo de Páginas Específicas
Rastreo de Formularios y Eventos en Google Tag Manager
Optimizar con eventos personalizados
Uso del Data Layer en Google Tag Manager para Marketing Digital
Programación Web para Estrategias de Marketing Digital
Introducción de datos al data layer en Google Tag Manager
Integración y uso de Google Tag Manager en Marketing Digital
Lectura y Uso de Variables en Google Tag Manager
Herramientas bonus
Migración de Google Analytics Universal a GA4 paso a paso
Instalación de Google Optimize con Tag Manager
Conclusiones
Conceptos clave de Google Tag Manager para principiantes
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
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.
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:
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.
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:
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.
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
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:
*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!!
Para instalar Facebook Pixel en un sitio web utilizando Google Tag Manager, sigue los siguientes pasos:
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.
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.
En la configuración avanzada del tag, en “Tag firing options”, selecciona “Once per page”. En “Triggering”, selecciona “All Pages” y guarda los cambios.
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”.
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.
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!
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:
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 ?
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?