CÓMO CREAR EVENTOS PIXEL FACEBOOK 2023

Muy buenas si no me conoces me presento, me llamo Edu y algunos también me conocen como marketero. Bienvenido a mi canal, el video de hoy. Vamos a ver cómo crear eventos del pixel de Facebook usando Google Tag Manager. Vamos con ello.

Para ello tenéis que ir a Tag Manager junto google.com y desde ahí encontraréis una página similar a ésta donde dice Crear cuenta. Obviamente todo esto son páginas que tengo instalado mi Cuenta Manager, pero vamos a crear una nueva. Vamos a llamarle, por ejemplo, ejemplo Mega texto marketero. Vamos a decirle que estamos en España, estamos, vamos a decir que la URL es esta de aquí, vamos a decirle que es una web, es una página web y vamos a hacer clic en Crear.

Vamos a poner esto en inglés que me manejo mejor en inglés en estas cosas seleccionamos y decimos si aceptamos los términos y condiciones, perfecto. Muy bien. Bueno, pues ya tenemos creada una cuenta de Google Tag y vamos a dejarlo por ahora aquí. Luego volveremos para continuar con la configuración. Bueno, pues ahora lo que vamos a hacer es vamos a ver cómo instalar el píxel de Facebook en WordPress utilizando Google Tag Manager.

Bueno, pues lo primero que tenemos que hacer es venir a nuestro backoffice de WordPress. Vamos a plugin. Añadir nuevo. Perfecto. Vamos aquí. Vamos a decirle Google Tag Manager. Este es el plugin que tenemos que instalar para poder gestionar el píxel y cualquier otro pixel o tag con Google Tag Manager lo activamos y lo tenemos. Vamos a settings o configuración perfecto.

Pues una vez que estamos aquí vamos a Google Tag Manager, copiamos el código o el ID de ese Google Tag Manager, volvemos al WordPress, lo pegamos aquí perfecto. Activamos el container y le decimos que lo ponga en el cutter de la página. Guardar cambios. Perfecto. Bueno, pues ya lo tenemos. Muy bien, vamos a refrescar para asegurarnos de que se despliega correctamente.

Muy bien, pues ya lo tenemos. Bueno, pues una vez que ya tenemos el Google Tag Manager instalado en nuestro WordPress, ahora lo que vamos a hacer es vamos a instalar el píxel en ese container de Google Tag Manager para que automáticamente se despliegue en toda nuestra página web. Súper sencillo, súper fácil. Seguidme, vamos a tags, hacemos clic en nuevo, seleccionamos esta opción de aquí.

Aquí no nos aparece ninguna opción de Facebook Píxel, pero eso es fácil de arreglar. Hacemos clic en esta zona azul, hacemos clic en Buscar, ponemos Facebook, seleccionamos esta opción de aquí Facebook Píxel. Hacemos clic en Añadir al espacio de trabajo o al workspace Añadir. Perfecto, ya lo tenemos. Ahora nos vamos a Facebook. Copiamos el ID del píxel que acabamos de crear, lo copiamos, lo pegamos aquí.

Vamos a dejarlo en este es el evento estándar del píxel de Facebook. Cuando tenemos solamente el píxel instalado sin ningún tipo de evento estándar o personalizado. Este es el evento por defecto que se dispara cada vez que se ve una página de nuestra página web. Bueno, pues vamos a decirle que se va a disparar en todas las páginas.

Vamos a llamarle, por ejemplo, FV píxel View, guardar. Ahora lo que vamos a hacer es vamos a hacer una simulación para verificar que hemos configurado todo correctamente. Lo que vamos a hacer es vamos a conectar Google TAC Manager con nuestra página web. Vamos a simular como si ese Google Tag Manager y ese píxel estuviesen instalados y vamos a ver si se dispara o no se dispara el píxel.

Entonces para eso lo que vamos a hacer, vamos a hacer clic en Preview. Ya tenemos la página en cuestión, la página web en cuestión que queremos verificar, conectamos, ya lo tenemos conectado y ahora lo que vamos a hacer es podemos hacer dos cosas. Una, con la ayuda de esta extensión de Krom que se llama Facebook Pixel Helper, nos vamos a fijar si se ha disparado o no se ha disparado correctamente ese píxel que acabamos de instalar que no esté instalado en la realidad.

Lo que estamos haciendo es una simulación. Vale, entonces si vemos que está instalado tenemos el nombre del pixel mega Store Píxel uno, tenemos el evento que se ha disparado, que Space View, y otra forma de verificar que se ha disparado correctamente es Vamos aquí, vamos, aquí hacemos clic en Continuar y vemos que dice Fire, o sea que se ha disparado o las tags que se han disparado y tenemos en cuestión el píxel que acabamos de instalar.

Facebook Pixel Pets, view. Vale, así que está correcto. Está bien, vamos a terminar esto de aquí. Vamos a cerrar esto. Lo vamos a publicar. Por ejemplo, vamos a llamarle. Esto simplemente es darle un nombre a la versión del Google Tag Manager. Esto está muy bien porque una vez que vayas creando eventos, si cometes algún error o tienes cualquier fallo, lo que puedes hacer es volver a una versión anterior.

Entonces, la mejor forma para nombrar a tus versiones es con el nuevo evento que acabas de crear. Lo que acabas de lanzar en este caso es Facebook Pixel y lo voy a llamar Page View, que es el evento por defecto. Vamos a publicar, pues ya lo tenemos. Muy bien, vamos al workspace, vamos a hacer y ahí tenemos el tag, vamos a verificar que efectivamente se nos ha instalado correctamente, vamos a refrescar.

Fijaos que aquí en el Facebook Pixel Helper no aparece nada porque hasta ahora no estaba instalado, pero ahora, una vez que refrescamos, en teoría debería de funcionar. Entonces vamos a refrescar. Bueno, pues ahí lo tenemos. Ahí está el píxel instalado y configurado correctamente. Tenemos página vista, que es el evento por defecto del píxel de Facebook, así que fenomenal.

Bueno, pues ahora lo que vamos a hacer, vamos a crear una serie de eventos estándar que son view content, a tocar inicio, checkout y o compra. Vale, venga, vamos al lío. Primero vamos a enfocarnos en el evento View Content, que normalmente yo lo suelo utilizar para ver páginas de producto. Vamos a fijarnos a ver si vemos algún tipo de pista sobre cómo podemos crear este evento y ahora mismo vais a ver a qué me refiero.

Vamos a, por ejemplo, shopping, tenemos aquí una serie de productos, vamos a hacer clic en un producto. Vale, perfecto. Veo que la URL es home, barra, producto o product y luego el nombre del producto. Vale, vamos a fijarnos si sigue esta misma nomenclatura en el resto de productos. Vamos a shopping otra vez, vamos a hacer clic en este de aquí, uno diferente, perfecto.

Si vemos que la nomenclatura o el formato de la URL es la misma, es decir, es el mismo, tenemos la URL o la home, tenemos barra producto y luego tenemos el nombre del producto. Vale, pues entonces una cosa que podemos hacer para crear este tipo de evento es crear un evento que se dispare cuando en la URL aparece la palabra producto o producto en este caso.

Vale, venga, vamos a hacerlo, vamos a Google Tag Manager, vamos a Triggers, vamos a crear un trigger o un disparador, vamos a decir que va a ser una view, vamos a decirle que no va a ser en todas las páginas, va a ser en algunas páginas. Y vamos a decirle que la URL que contiene vale, entonces lo que le estamos diciendo es vale, quiero que este evento se dispare cuando hay una página vista, pero no en todas las páginas, sino en algunas de ellas.

Y la condición para que se dispare este evento es que la URL que debe contener la palabra product vale, perfecto. Vamos a llamarle página de producto vista. Este es el nombre del trigger, no el nombre del evento. Ese es el trigo. Vale, lo guardamos. Perfecto. Y ahora vamos a tags. Vamos a hacer clic en nuevo, vamos a decirle Configuration perfecto, vamos a seleccionar Facebook Píxel como siempre, nos vamos a copiar el ID de ese píxel, vamos otra vez a Google Tag Manager, lo pegamos, vamos a decirle que queremos un view content que está aquí.

Es el último de todos. Perfecto. Vamos a decirle que el trigger es página de producto vista ese trigger que acabamos de crear. Perfecto, vamos a darle otro nombre Facebook, tío content y página Producto Vista. Perfecto. Vamos a guardar fenomenal. Vamos a hacer otra vez el preview. El debug que se llama en términos de Google Tag Manager para hacer esa simulación, para asegurarnos de que hemos configurado todo correctamente, seleccionamos la página en cuestión, conectamos muy bien, pues ya estamos conectados.

Perfecto, vámonos a shopping. Fijaos que no importa que navegue por la página web, la conexión sigue vigente. Vamos a seleccionar uno de los productos y vamos a comprobar si se ha disparado. Efectivamente, ese evento se ha disparado, con lo cual la configuración la hemos realizado bien, fenomenal. Bueno, pues vamos a terminar, vamos a terminar aquí, cerramos, vamos a publicar este cambio, vamos a llamarle Facebook, guion, view content, guion, página, product to vista.

Perfecto, vamos a publicar. Muy bien, pues ya lo tenemos. Vamos a otra vez al espacio de trabajo, vamos a atacar, ahí tenemos el tag, vamos a verificar que se ha instalado correctamente, vamos otra vez a la página web, vamos a la home, por ejemplo. Vale, vamos a refrescar para asegurarnos de que se despliega correctamente todo lo que estamos lanzando y publicando.

Vamos a shopping otra vez. Vamos a seleccionar uno de estos productos. Por ejemplo, esta carpeta era el nombre es un sofá, pero bueno, no pasa nada. Esto es una página de ejemplo. Vale, excepto algunas veces. Lo que sucede es que el cambio que hemos realizado no se publica o no se visualiza y suele ser por un tema de caché.

Vamos a configuración, vamos a poner aquí caché ser perfecto, vamos a borrar todos estos datos. Muy bien, vamos otra vez aquí, vamos a refrescar y ahí ya lo tenemos. De hecho, no he querido ni editar el vídeo ni nada para que veáis ese error, porque es muy común que cuando tú haces el de back o la demo para verificar que la configuración es correcta, te aparece ese evento que acabas de crear.

Una vez que publicas y vas a la página web para comprobar que efectivamente se ha publicado y que se ha desplegado correctamente, no aparece. Es súper común. Entonces lo que hay que hacer es simplemente ir a caché, borrar todos los datos de caché y volver a recargar para que aparezca ese evento que hemos publicado anteriormente. Bueno, pues ya lo tenemos.

Perfecto, ya tenemos Page View y div content cuando entramos en páginas de producto. Pues ahora vamos a configurar un añadir al carrito, vamos a jugar un poco con la página para ver cómo funciona. Cómo funcionaría? Es añadir al carrito. Vamos, por ejemplo a este producto de aquí. Vamos a añadir al carrito que sucede, vale? O sea, lo que ha pasado a nivel de URL no ha pasado nada, la URL sigue siendo la misma.

Lo que sí que ha pasado es que se ha añadido algo al carrito. Esto vale, no ha pasado nada más. Lo único ves que ha aparecido esto aquí en pantalla. Entonces, aquí tenemos varias opciones. Una opción es disparar un evento, el evento a tocar cuando esto aparece en pantalla. O sea, sería una opción. Y otra opción que creo que es la que voy a elegir es que se dispare cuando haces clic en el botón Atacar.

Muy bien, entonces vamos a ir a por este tipo de evento. Vamos a crear un evento que se dispare cada vez que un usuario hace clic en un botón que diga azúcar, vamos a Google Tag Manager y lo primero que tenemos que hacer es entender qué es lo que sucede cuando hacemos clic en ese botón. Entonces vamos a hacer un preview, vamos a conectar muy bien.

Efecto, vamos a shopping, vamos a hacer clic en este producto de aquí, por ejemplo, vamos a hacer clic en A Tocar Perfecto. Y ahora vamos a ver qué tipo de variables que están disponibles evento evento página 11. En página página vemos que nos faltan un montón de variables que podrían estar asociadas a esa acción. Entonces, cómo podemos sacar esas variables y que estén presentes y que podamos utilizarlas para elegir cuál nos conviene más para luego crear ese evento?

Muy sencillo. Vamos a cerrar esto por ahora. Vamos a cerrar esto, vamos a variables y vamos a activar todas las variables que creemos que podrían funcionar para ese evento. Pues por ejemplo, vamos a seleccionar estas, pero la verdad es que esto nos da un poco igual para este evento, pero los clics sí que nos van a importar por defecto.

Es lo que vale. Bueno, pues vamos a seleccionar todas estas variables y ahora vamos a hacer otra vez lo mismo, vamos a hacer un preview y vamos a hacer clic en ese botón de azúcar para ver qué tipo de variables se disparan, con qué tipo de información, y eso nos va a dar pistas sobre cómo podemos crear ese evento.

Está conectando perfecto, ya lo tenemos fenomenal. Vale, vamos a shopping otra vez. Vamos a seleccionar uno de los productos. Perfecto. Vamos a hacer clic en Azúcar. Vale, ya lo tenemos. Y ahora vamos aquí y vamos a ver qué tipo de variables tenemos. Vale, fijaos aquí. Por ejemplo, ya tenemos una opción que es contener ID. Vale? Container versión, vale.

La duda que tengo es si este código es un código único por producto o es el mismo código para todos los botones de azúcar. Si es el mismo código para todos los botones de azúcar, nos funcionaría. Si es diferente, no nos funcionaría, porque entonces lo que tendríamos que hacer es crear uno por cada botón que tenemos en la página web, con lo cual sería una auténtica locura y lo voy a descartar totalmente, pero para saber si ese código es único de ese botón o si por el contrario es uno que es común para todos los botones.

Lo que vamos a hacer es lo vamos a copiar, ya lo copiado y ahora vamos a añadir un bloc de notas, vamos a ponerlo por aquí perfecto y lo voy a pegar, vale? Y ahora lo que vamos a hacer es vamos a cerrar esto o espera onza vale, cosa, hoy no tenía que haber cerrado, pero bueno, no pasa nada, no pasa nada.

Vamos a hacer otra vez. Pero podría haberlo hecho ahí otra vez, simplemente navegando por la página web, yendo a otro producto. Pero bueno, no pasa nada. Ya lo tenemos. Está conectado. Fenomenal. Vamos otra vez al shopping. Antes hemos hecho clic en este aquí. Vamos a hacer clic en este. Vamos a hacer clic en azúcar. Vale, ya tenemos variables y vamos a copiar este de aquí y vamos a compararlo con el que tenemos abierto aquí.

Vale? Es el mismo. Pues ya está, ya lo tenemos. Entonces lo que vamos a decir es la variable que vamos a utilizar es container aid. De hecho esto no tenía que haber cerrado el bloc de notas, porque luego lo vamos a necesitar, ya veréis por qué. Perfecto. Bueno, pues ya, ya lo tenemos. Es stop debugging. Perfecto. Vale, bueno, pues ya sabemos qué es lo que vamos a utilizar para crear este evento, que es el evento azúcar?

Bueno, pues lo primero que vamos a hacer es vamos a crear un trigger, vamos a decirle New Trigger o disparador nuevo, vamos a decirle que va a ser un clic en un elemento, no en todos los clicks. No queremos que sea un evento que se dispare en todos los clics, sino en algunos clics. Vamos a decirle que el container ID debe ser igual a esto de aquí, puesto que ya lo tenemos, vamos a llamarle a tu Card Drive perfecto.

Vamos a tags, vamos a crear una nueva tag, vamos a seleccionar Facebook píxel, vamos a copiar otra vez el píxel de Facebook Efecto loop, vamos aquí, vamos a decirle que es un azúcar y vamos a decirle que el trigger es un auto cart trigger perfecto. Vamos a llamarle Facebook guion a tu cart guardar. Vale, pues ya lo tenemos.

Entonces ahora otra vez vamos a hacer esa simulación, el debug. Vamos a conectar para asegurarnos de que hemos realizado la configuración correctamente antes de publicar. Vale, ya estamos aquí. Muy bien, vamos de shopping, vamos a seleccionar uno de los productos, vamos a hacer clic en Azúcar. Ahora vamos otra vez aquí y vemos que efectivamente el evento Azúcar se ha disparado, así que fenomenal.

Vamos a cerrar esto de aquí. Vamos a cerrar esto. Vale? Vamos a publicar Facebook a tu casa, publicar. Vamos a otra vez comprobar que se ha instalado correctamente. Recordad que si vemos que el evento no se dispara, simplemente es una cuestión de limpiar caché. Vamos a refrescar, vamos a shopping, vamos a hacer ahora este de aquí. Tenemos por un lado el pitch y el view content y ahora lo que vamos a hacer es vamos a hacer clic en A tu cart para comprobar que ese evento se dispara correctamente.

Efectivamente, ahí lo tenemos, no un momento, se han disparado los eventos automáticos del píxel, pero el evento a tocar no se ha disparado. Seguramente va a ser una cuestión de caché. Vamos a limpiar caché, vamos a configuración, vamos a poner aquí caché. Vale, borrar datos. Vamos a otra vez, refrescar. Bueno, vamos primero a la home. Hacemos clic en Shopping de nuevo, vamos a hacer clic en este producto, vamos a hacer clic en Azúcar.

Y ahí sí que se ha disparado seguramente. Efectivamente, ahí lo tenemos. Ya tenemos tres eventos configurados, tenemos el Patch View, que es el evento por defecto View Content. Cuando entramos en una página de producto y el azúcar, cuando añadimos algún producto a nuestra cesta de compra. Muy bien, pues ahora lo que vamos a hacer es, vamos a configurar el evento inicio del checkout.

Entonces cómo lo vamos a hacer? Pues muy sencillo. Primero vamos a la home, vamos a ver qué sucede cuando iniciamos el proceso de checkout. Ya veis que tenemos aquí una serie de productos añadidos al carrito, así que lo que vamos a hacer es vamos a conectar el debug, move o vamos a hacer un preview, vamos a hacer clic en iniciar el proceso de checkout para ver qué tipo de variables se disparan o qué tipo de variables hay disponibles para utilizarlas en nuestro nuevo evento.

Entonces vamos a conectar. Perfecto. Bueno, pues vamos a ese carrito. Vamos a ver primero View Card. Vale? Estamos en dibujar y ahora vamos a hacer clic en el botón Procesar el checkout o iniciar el checkout y vamos a hacer. Vamos a ver que vale. Bueno, pues ya veo que la URL que dice checkout dos, entonces posiblemente hay uno que sea checkout uno.

Vamos a hacer clic aquí, vamos a ver esto por aquí. Bueno, vamos a mi intuición me dice que si hago clic aquí me va a llevar a checkout uno. Vamos a ver a dónde nos lleva. No nos lleva a checkout dos. Bueno, pues no pasa nada. Lo que vamos a hacer es vamos a crear un evento que se dispare cada vez que la URL tenga la palabra checkout dos.

Podría hacer checkout dos o simplemente checkout. Yo creo que voy a elegir checkout para asegurarnos por si hay algún checkout uno por ahí que no nos que se nos ha perdido para que se dispare en ambos casos. Entonces vamos a vamos a finalizar este preview, cerramos muy bien. Entonces vamos a crear otro nuevo, vamos a decir que es una page view, algunas páginas, la página, la URL de la página contiene check out, checkout, fetch your head content, checkout, efecto.

Y ahora le vamos a decir página de pago. Ese es el trigger, el disparador. Vamos a guardar fenomenal. Y entonces ahora lo que vamos a hacer es clic en TAG, vamos a crear un nuevo track, vamos a Facebook Píxel otra vez, copiamos el aire del píxel, lo pegamos aquí y en este caso vamos a seleccionar Inicio del checkout perfecto.

Vamos a seleccionar el Trigueros Página de Check Out Vista Efecto y ahora le vamos a llamar Facebook Guardar. Vamos a otra vez verificar. Vamos a hacer un preview, un Divac, para asegurarnos de que esta configuración es correcta. Vamos a conectar. Estamos aquí, vamos a aceptar texto y estamos en la página de checkout. Así que en teoría se debería de haber disparado este evento.

Vamos a verlo. Efectivamente, este evento se ha disparado. No sé porque me está dando aquí un error de Facebook Pixel Times. Luego verificamos eso a ver que sucede. Pero bueno, lo que nos importa es que el evento inicio del checkout se ha disparado correctamente, así que sabemos que la configuración es correcta. Finalizamos, cerramos y publicamos Facebook texto. Vamos a publicar los cambios.

Vale, ya lo tenemos. Entonces ahora como sabemos que nos está dando problemas el tema de verificar la correcta instalación o publicación de estos eventos? Vale, pues vamos a otra vez borrar caché. Caché vale, borrar datos. Perfecto, ya lo tenemos. Borrado. Vamos otra vez aquí a me bastó. Vamos a hacer clic en checkout. Vale, ya lo tenemos ahí y ya tenemos el inicio del checkout funcionando correctamente.

Aquí nos está dando algún problema. Estoy pixelado. Bueno, luego investigaré a ver qué es lo que sucede aquí. Y cuando os la investigue, os diré en el vídeo que es lo que sucedía y cómo lo he arreglado. Pero no voy a pararme con esto para continuar con el vídeo. Vamos al lío. Vamos a crear el siguiente evento estándar y el último evento estándar que vamos a crear, que es el evento ventas o coches en inglés.

Vamos a las home. Vamos a ver cuando hago clic aquí Proceso de checkout. Pero bueno, ya tenemos aquí todos los datos que yo había metido anteriormente. Vamos a hacer clic en List Order, que es como comprar después de lo que suceda después de este botón, es como si hubiésemos comprado el método de pago. Es cash, es como contrareembolso que se paga cuando recibes el producto.

Esta es una opción que te da esta página web, este tema que he comprado para WordPress. Así que lo voy a hacer y vamos a ver qué tipo de interacciones, qué tipo de opciones tenemos para crear ese nuevo evento. Supongo que también va a ser relacionado con la URL. Bueno, pues ya vemos que tenemos una URL donde aparece las palabras order.

De hecho esto lo voy a copiar otra vez en el bloc de notas, vale? Porque luego lo vamos a utilizar. Ya sabemos cómo vamos a crear ese evento compra, evento, venta. Bueno, pues vamos a crear otra vez otro evento. En este caso va a ser el evento compra y vamos a utilizar la URL para crear ese evento. Entonces, cómo lo vamos a hacer otra vez?

Vamos a crear un trile, entonces le vamos a llamar página de pedida, pedido, vídeo vista, vamos a configurar ese trigger, vamos a decirle que es una visualización de una página, no todas las páginas, sino solamente algunas de ellas. Y le vamos a decir que la URL le page yourself contains. Esto que ya lo tenemos aquí pegado. Perfecto, muy bien, vale, ahora vamos a crear un tag, vamos a decirle nuevo, vamos a crear, vamos a seleccionar Facebook Píxel otra vez, copiamos el pixel id.

Perdón, vale? Y ahora le vas a decir watches? Vale? Driver Página de pedido Vista Facebook otra vez vamos a hacer clic en Preview para hacer el debug y asegurarnos de que todo está configurado correctamente. Bueno, aquí lo que tenemos que hacer ahora es vamos a hacer clic en shopping, hacer clic aquí, por ejemplo, añadir al carrito y ahora vamos a hacer que ver carrito view card y vamos a proceder con el checkout placeholder.

Vale, pues ya lo tenemos. Entonces vamos a ver si se ha disparado. Efectivamente vemos que se ha disparado el tag muchas, así que perfecto, genial. Vamos a ver, vamos a cerrar esto o esto, vamos a publicar Facebook. Entonces.

Muy bien, vamos otra vez a hacer el limpiado de caché, por lo que nos está pasando antes, entonces. Bueno, esto ya está. Vamos otra vez a Mega Store, o sea, shopping de nuevo. Vamos a hacer clic en alguno de los productos. Añadimos al carrito efecto. Ya lo tenemos añadido ver carrito, proceder con el proceso de checkout y vamos a mandar el pedido.

Obviamente en este caso, como esto es un ejemplo, yo no tengo ningún método de pago configurado en esta página web. Si vosotros lo tuvieseis, simplemente es exactamente lo mismo simplemente que la página, pues puede cambiar dependiendo de lo que suceda. Una vez que el usuario ha puesto su tarjeta de crédito, de débito, ha terminado con PayPal, etc, pero la idea es exactamente la misma, pues ya lo tenemos bien configurado, fenomenal.

Recordad que teníamos pendiente revisar el qué se estaban disparando más de una vez esos eventos de azúcar y bueno, he estado investigando un poquito y ya he identificado cuál es el problema. Fijaos, aquí tenemos varios clicks, ninguno de ellos es una, pero sin embargo el contenido ahí es exactamente el mismo que el de el botón. Ah, ahí está el problema.

Cada vez que hacemos clic en algo, siempre se va a disparar el azúcar. Así que lo que tenemos que hacer es cambiar eso. Vamos a ver cómo hacerlo. Bueno, pues después de estar un ratito jugueteando con vueltas Manager, ya he encontrado la solución. Era una tontería, simplemente es cuestión de probar diferentes cosas, diferentes variables, diferentes drivers y ya lo tengo.

Entonces, qué es lo que he hecho? Básicamente el trigger. Ahora lo que he hecho es que sea un form sin visión. Vale? Es como un envío de formulario. Y dentro de ese envío de formulario, el clic clases contiene cart. Vale. Después de ver qué es lo que sucedía cuando hacía clic en el botón de azúcar, vi que había una clase que te contenía Cart.

Y simplemente con eso ya funciona. Vamos a ver si funciona otra vez. Vamos a vamos aquí. Vamos a hacer clic en Preview. Vamos a conectarnos. Ya estamos aquí. Vamos a seleccionar alguno de los productos. Vamos a hacer un añadir al carrito. Ya está. Vale, vamos a ver. Ahí está. Vale, perfecto. Pues ya lo tenemos. Muy bien, vamos a cerrar.

Vamos fuera. Vamos a publicar Facebook Cart V2. En efecto. Pues ya lo tenemos. Vamos a borrar caché otra vez. Vale? Borramos datos, vamos a la página, refrescamos otra vez. Vale, vamos a hacer clic aquí para fijarnos que no nos está disparando el azúcar. Efectivamente, no lo está disparando. Ahora mismo vamos a entrar en cualquiera de los productos, vamos a hacer clic en Azúcar y ahí lo tenemos.

Vale? Y no hay ningún error, así que todo perfecto. Bueno, pues ya hemos configurado los eventos más importantes para cualquier y comercio. Vale, tenemos view, inicio del checkout, azúcar y Purchase. Entonces, sí, por lo que sea, tú tienes un negocio que no es de comer, sino que es, por ejemplo, instalador. Eres un instalador de placas solares o por ejemplo, eres una persona que se dedica a instalar alarmas?

O por ejemplo eres un dentista, un gimnasio, etc En ese caso te recomiendo que en vez de parches, lo que tienes que seleccionar o lo que tienes que configurar es el evento. Lee Vale, es el evento Lite. Tienes que tener un formulario en tu página web y lo que harían los usuarios sería rellenar ese formulario, enviarlo y yo lo que haría sería configurar que el evento se disparase en la página de Gracias que aparece justamente después de haber enviado ese formulario.

Muy bien, venga, vamos a continuar. Bueno, pues ahora una cosa que vamos a hacer que es súper chula, es crear un evento personalizado. Es un evento personalizado un poquito especial porque luego lo vamos a utilizar para crear nuestra campaña de tráfico de calidad. Recordad que vamos a ver este tipo de campaña que os he comentado, que es un tipo de campaña que no existe por ahí, yo no la he visto en ningún sitio, esto es de cosecha propia, 100% y este evento lo vamos a crear para poder crear, valga la redundancia, esa campaña más tarde para atraer tráfico de calidad.

Entonces, venga, vamos a ver cómo hacerlo. Bueno, pues os voy a explicar en qué consiste este evento. Este evento consiste en una combinación de dos eventos, un evento que va a ser usuarios o lo que va a hacer es un evento que se va a disparar cuando los usuarios pasen más de 60 segundos en una misma página dentro de tu página web.

Y otro evento que se dispara cuando un usuario hace scroll hacia abajo más de un 70% de la profundidad de una misma página. Entonces, combinando esos dos eventos, por un lado tenemos un usuario que pasa más de 60 segundos en una misma página y que además hace scroll hacia abajo más de un 70%. Cuando esas dos condiciones se dan, se dispara este evento que yo le llamo Engage y user.

Entonces esto es un evento que luego vamos a utilizar, como he dicho, para crear esa campaña, para atraer tráfico de calidad, vamos a ver cómo hacerlo antes de continuar. Simplemente una puntualización la diferencia fundamental entre un evento personalizado y un evento estándar es que los eventos personalizados son o tienen nombres que nosotros nos inventamos. Yo a este evento le llamo en GET, pero si quisiera le podría llamar Pepito perfectamente.

Lo que sucede que este tipo de eventos no están registrados dentro de la plataforma de Facebook y por lo tanto Facebook no los entiende. Los que sí entiende son a tu car, inicio de check out, purchase, etcétera porque son eventos stand up y sabes en qué consisten y cómo de importantes son esos eventos para un negocio. En cambio, estos eventos, estos eventos personalizados, nosotros le damos el nombre que nos dé la gana.

Ya os digo que le podríamos llamar Pepito o Juanita si quisiéramos a este evento. Yo le voy a llamar Engage User y es un evento que como nombre no existe dentro de la plataforma, pero la configuración dentro de Facebook Ads es exactamente la misma que la de eventos estándar. Venga, pues vamos a ver cómo crearlo. Bueno, pues primero tenemos que crear dos, tres, vamos a crear un primer trigger que va a ser el de scroll, por ejemplo, vamos a scroll defecto vertical, scroll porcentaje, por ejemplo, 70% en todas las páginas y le vamos a llamar scroll de 70.

Vale, sencillo. Es un disparador que se dispara cuando un usuario hace scroll hacia abajo verticalmente. Más de un 70% hacia abajo. Perfecto. Guardamos y ya tenemos el thriller. Vamos a crear ahora otro trigger que va a consistir en en un primer efecto. Cuidado, que estos son milisegundos. Son milisegundos, con lo cual un segundo tiene mil milisegundos. Con lo cual, si queremos que este evento se dispare, cuando un usuario pasa más de un minuto en una misma página, lo que tenemos que poner son 60.060 mil milisegundos full time respecto y podemos poner fecha y hora el content.

Esto para que lo haga en todas las páginas. Entonces vamos a llamarle 60 segundos en página, 60 segundos en página, lo tenemos, guardamos y ahora vamos a crear otro evento, otro trigger que va a consistir en un grupo de triggers. Vamos a elegir un trigger que va a ser scroll steps del 70% y vamos a hacer clic aquí para añadir otro que va a ser el de 60 segundos en página.

00:30:14:06 – 00:30:35:20
Unknown
Entonces, como veis, aquí hay un pequeño AND que lo que significa es que para que este evento o este trigger se dispare, lo que tiene que suceder es esto y esto. Si no sucede esto y esto no se dispara, tienen que suceder los dos eventos. Perfecto. Pues vamos a llamarle gancho y user guardar. Y ahora vamos a attach.

Vamos a hacer clic en Nuevo Configuración, seleccionamos el píxel, seleccionamos o copiamos otra vez el Pixel Aid, lo pegamos y ahora, en vez de dejarlo como estándar, que es lo como lo hemos estado haciendo anteriormente, lo que vamos a seleccionar es custom y le vamos a llamar Engage. Si queréis podéis poner un espacio en medio efecto y vamos a seleccionar el trigger que va a ser este grupo de trigueros que ya hemos creado.

Muy bien, vamos a llamarle Facebook, espacio, guion y user Puerto Guardar. Vale, pues una vez que ya tenemos creado este tag para Facebook, vamos a testearlo con el preview. Con el debug como efecto nos conectamos muy bien. Bueno, pues en esta misma página ya debería de dispararse este evento si pasamos más de 60 segundos y si hacemos scroll más de un 70% hacia abajo, entonces vamos a hacer scroll hasta abajo.

Vamos a esperar. Obviamente vamos a editar el vídeo para que no tengáis que esperar 60 60 segundos aquí conmigo aburridos y vamos a ver si se dispara o no se dispara. Bueno, pues parece que sí, que se ha disparado. Vamos a abrir el la extensión del Facebook Pixel Helper y efectivamente, aquí vemos que este evento se ha disparado.

Vale. Así que fenomenal. Venga, vamos a publicarlo. Vamos a cerrar esto. Facebook en Facebook y 11 vamos a publicar y a continuación, vamos a testearlo en vivo para ver si finalmente funciona o no funciona. Llegamos a la página como siempre. Vamos a eliminar caché, borrar datos y estamos aquí. Vamos aquí a la home, vamos a refrescar otra vez por si acaso.

Vamos a bajar hacia abajo, quitamos el popup, bajamos hacia abajo y otra vez vamos a esperar lo mismo. No me tenéis que esperar aquí conmigo, aburridos. Así que nos vemos en un segundo. Bueno, pues parece que sí. Se ha disparado. Vamos a verlo. Efectivamente, ahí lo tenemos. Así que ya tenemos nuestros eventos estándar creados y además hemos creado un evento personalizado que más tarde vamos a utilizar para crear nuestra campaña de tráfico de calidad.

Si lo que acabas de ver te ha gustado, te ha parecido interesante y además te ha sido útil. Te aconsejo que eches un vistazo a otro vídeo. Otro vídeo en mi canal es un vídeo que he subido recientemente y se trata de un curso avanzado de metas. En él vemos cómo crear campañas en Facebook, en Instagram y también campañas para WhatsApp.

Si quieres aprender más, quieres profundizar más sobre estos temas, te aconsejo que le eches un vistazo y te lo dejo por aquí. Te quiero tu quiero, te quiero.