 Bueno, buenos días de nuevo a los que nos había visto. Estáis en la sala privilegiada, aparte por la conferencia por el calor, y bueno, venís después de tomar un café con lo cual venís con fuerza, ¿no? Porque ahora Carlos, durante 80 minutos, pues nos va a contar bastantes cosas, de Tagman ayer y demás. Carlos, para el que no lo conozcáis, básicamente se dedica a pinchar música y beber cerveza, ¿no? Sí. Más o menos en el mismo nivel y alguna vez... Y molestar al vecino, también, abajo. Alguna vez pone alguna etiqueta. Ay, que me mató, con Tagman ayer, ¿no? Y bueno, conlabora con diferente gente, como como Luda, con mucha gente. Bueno, os dejo con él y espero que lo disfrutéis. Gracias, Carlos. Gracias a ti. Bueno, ¿cuántos... eso dejarlo para luego, para el final, si eso para tirar lo que sea o cualquier cosa. A lo mejor luego no vale. ¿Cuántos estés trabajando ahora con Tagman ayer, normalmente? Bastantes. Y ¿cuántos de los que estés trabajando, básicamente lo que hacéis es... pues cuando necesitas algo, buscarlo, leer un tutorial y aplicarlo que dice el tutorial. ¿Y os enteráis de lo que estéis haciendo? Bueno, no que os olvides, sino que de repente estéis haciendo luego lo hacéis y dices, vale, me he enterado de lo que he hecho. Sé lo que he hecho, sé por qué lo he hecho y para qué lo he hecho. La idea un poco de este taller va a ser que cuando solgamos, y espero conseguirlo, digáis, oye, vale, yo no sé a lo mejor poner la etiqueta para medir lo que sea en esta herramienta o para cualquier cosa, pero tengo ya la lógica, tengo ya el procedimiento para poder hacerlo sin a lo mejor haberlo hecho nunca y sin tener entre comillas que buscar del todo dentro de internet. Algo habrá que buscar, algo habrá que mirar a lo mejor en algún momento, pero bueno, que sepáis un poquito cómo trabajarlo. Yo ya no me presento, no traigo presentación, ya me lo han presentado. Cervezas, otras cosas, redbullets y pincho. Y de vez en cuando, como dicen, pongo etiquetas. Entonces, vamos a ir un poco desde el inicio y vamos a hablar también, me voy a sentar, de la parte de cómo poner el código, lo que es el script de Tag Manager en un WordPress. Hay, como veis, cuatro posibilidades, las he puesto de las que yo nunca haría a la que sí haría. Siempre, ¿no? En el header del CIM no lo haría, porque salvo que tengáis un tema hijo dentro de un WordPress, no vais a poder, en cuanto actualicéis, se va a ir, como cualquier código que tengamos en un CIM metido. Entonces, ya no metería nunca al código. Hay ciertos CIM, ciertos temas que, como Genes, o como Avada y demás, es cierto que tienen una opción para meter el identificador, no, del GT, medión, lo que sea. Bueno, es otra opción, yo tampoco lo haría, porque si se revenden cambios de CIM, vais a tener que buscar otra alternativa, ¿de acuerdo? Un plugin o un plugin de RGPD, es otra opción. En el caso de un plugin, yo tampoco os lo recomendaría que lo hiciérais, ¿por qué? Porque si lo metís dentro de un plugin, el plugin va a tardar en cargar. Os hablo tanto para Google Tag Manager, como para Google Analytics, como para Facebook, para cualquier cosa, cualquier script que tengáis que poner. Si utilizáis un plugin de estos que os cargan el código, simplemente metiendo el identificador, ese plugin tarda tiempo en cargar. ¿Qué ocurre? Que ese tiempo que tarda en cargar es tiempo que no se está ejecutando. Con lo cual puede ocurrir, y hemos lo encontrado en muchos clientes, que perdéis datos. Se han encontrado clientes que me decían, oye, que es que tengo el plugin X, no voy a decir nombres, y desde que lo he instalado, las visitas en Analytics me han bajado un 40%. Y mirabas y decías, claro, es que el plugin está tardando en cargar el código de bajo de Analytics 20 segundos. Claro, hay gente que no está 20 segundos en una página. Comentaba antes Pablo en la charla anterior. Hablaba de los tiempos de carga, de que si a veces es bueno que la gente esté esperando, pero es que hay páginas en las cuales un cliente o un usuario no está 20 segundos. Si no está 20 segundos, el código no se carga. ¿Qué va a medir? ¿Qué va a enviar a Analytics? ¿Qué va a enviar a Facebook? ¿Qué va a enviar a donde sea? Con los plugins siempre ocurre eso. Yo, la acción que suelo utilizar, y lo he enseñado ahora un poco delante de, vamos a hablar largo del taller, es meter lo que se llama un snippet, es decir, meter un trocito de código, que simplemente, además lo pongo dentro de una cosa, se llama MU plugins, no sé cuántos conocéis los MU plugins, pocos, vale. Un MU plugin es un plugin especial, es un trocito de código que podéis meter dentro de una carpeta de vuestro WordPress, que lo que hace es que se ejecuta de lo primero de todo. En el proceso de carga de WordPress, lo primero de las primeras cosas que carga son los MU plugins. Es el mejor sitio, es lo mejor hacer para poder cargar, un Analytics, un Facebook, un tag manager, cualquier cosa, porque es simplemente decirle, oye, cargame este script en el hit y cargame el no script en el footer. Entonces, para mí, es la mejor opción, es sencilla además, es simplemente subir un fichero por FTP y lo tenéis. Entonces, un poco, yo diría, por ir introduciendo, antes de empezar a meternos en lo que es, digamos, ya tocar tag manager y ver cosas, que entiendo que es hacia donde, o para lo que habéis venido, evidentemente. Bien. Estas, grabároslas a fuego, estas cuatro letras, C V A E, porque es de lo que vamos a estar hablando y sobre lo que vamos a estar trabajando todo el taller, y es, digamos, la metodología, que después de poco pinchar y mucho etiquetar, ¿vale? Digamos, yo he llegado a la conclusión de que es, para mi gusto, la mejor o la más productiva, a la hora de decir, tengo que etiquetar algo, lo que sea, me da lo mismo. O sea, no voy a personalizar aunque luego veremos ejemplos, pero es la mejor. ¿Qué significa esto de C V A E? Que diréis, vale, ya, pero esto me lo pones ahí, no tengo ni idea. Bueno, la C es capa de datos, ahora hablaremos de cada uno de estos cuatro componentes. La V son variables, los que trabajéis un poco con Takman ya esto se empezará a sonar, ¿vale? Supongo que desde capa de datos ya habéis dicho, vale, si esto más o menos se dequeba la cosa, los que no tranquilos, que ahora lo vamos a ver. La A son activadores y la S son etiquetas. Entonces, quedaros con esto y quedaros con este orden. O sea, es lo importante, para tener una metodología al final, las cosas tienen que ir con un orden, no puedes empezar, ahora creo la etiqueta, luego de ahí me paso el activador y entonces la variable, pero no miro la capa de datos, con lo cual no sé. Siempre que vayamos a etiquetar algo en Takman, ayer, vamos a ir con este orden. O sea, primero no vamos a ir a la capa de datos, luego a las variables, luego a los activadores y por último ya crearemos las etiquetas. Vamos a ver muy rápido lo que es cada cosa, para poderlo entender, la gente que a lo mejor no se están acostumbrados a trabajar en ello. La capa de datos, ahora la veremos, como su nombre indica, más o menos bien indicar, es una capa intermedia que se coloca en el navegador del usuario, cuando el usuario hace cosas, por debajo de lo que está viendo, por debajo de lo que sería la web, es una capa, no sé si es un objeto, a lo mejor los con la madre me matan, es una capa que está hecha con JavaScript, que lo que va haciendo va recogiendo datos de los eventos o las cosas que hace un usuario en una web o en una aplicación y datos asociados a ello. Por ejemplo, el nombre de la página, si es un scroll, el porcentaje de scroll, si es una venta ya, si entramos ya en un comercio electrónico a partir de ahí empieza a recoger muchas cosas, empieza a recoger el nombre de los productos que se han visto, su precio, si es la venta a los impuestos, muchas datos, y esos datos los tiene ahí, son momentáneos, es decir, estando ante el momento de la sesión, cuando eso acaba, esos datos desaparecen y son los datos que nosotros vamos a tener que utilizar para poder crear, digamos, todo lo que es el resto de componentes. Es una de las partes, disculpar, es una de las partes más importantes dentro de lo que es el etiquetado, porque es de donde vamos a extraer la información. Si la información no está en la capa de datos, hay cierta que podremos extraer, no, no la podemos extraer, estaba pensando en raspados de CSS, pero no, no vamos a poder, porque el raspado de CSS para poderlo extraer tiene que estar en la capa de datos. O sea, si no está en la capa de datos la información, si por ejemplo imaginaros, no tenemos el nombre de un producto porque no está programado por lo que sea dentro de la capa de datos, no vamos a poder pasarle a un analitis, a un Facebook, a donde sea, no vamos a poderle pasar vía tag manager, nunca ese nombre, porque no está, no existe para, para la herramienta. Entonces es la parte más importante, como un poco DIY, pues hay dos pastes, una es enviar los datos y veremos cómo podemos enviar los datos que nos envían automáticamente y luego cómo leer y cómo usar en el resto de componentes esos datos y poder identificar qué datos son activadores, qué datos son variables, etcétera. Vale, esto es un poco, por verlo, verlo un poco en plan más gráfico, no, lo que, lo que ocurra aquí es nosotros tenemos la, tenemos la web, hay unas escuchas que van recogiendo esos datos, se lo pueden pasar a tag manager y tag manager a través de etiqueta se lo pasará al resto de, al resto de herramientas, no, no solamente en analitis sino también en hotjar, a, bueno, esto Google Marketing Platform ya no, a un Facebook, a un Twitter, si tuviéramos una, una medición en Twitter, a donde sea, a la herramienta que nosotros queramos. Y lo veremos de, durante ahora, durante el proceso, las escuchas, es decir, que lo importante es lo que nos va a recoger esos datos, lo que va a recoger que se está produciendo esa acción de los sociados pueden, pueden ser o integradas dentro de tag manager, que son las que vienen, pueden ser personalizadas o pueden ser escuchas que tengamos que implementarme durante plugin o programaciones. Lo vamos a ver ahora, vale, en la parte práctica, a ver si me deja, vale. Me lo ahorro esto, esto lo dejaremos, lo dejare en la, esta parte de la robo que si no es, insisteis sobre lo mismo, ¿de acuerdo? Sobre, sobre que es el data layer, que es lo que hace, en fin, pero un poco para, para que lo tengáis y se veis cómo, cómo funciona. El segundo componente, recuerdo, era capa de datos, ahora empezamos con variables, es esa información que se ha recogido, que nosotros ya se la estamos traduciendo a Google Tag Manager, le estábamos diciendo, de, oye, un precio, en verdad ponerte un precio fijo, dentro de, dentro del, de la etiqueta, no, toma, te doy, para que tú recojas ese dato de la, de la capa de datos y me lo pintes, luego la etiqueta y me lo envíes, entonces para eso se utilizan las variables, y esta, la parte de variables de Google Tag Manager, lo que hace justamente es eso, es asociar un nombre a ese punto de la capa de datos, que tiene pues eso, el nombre del producto, entonces sería el segundo, el segundo digamos elemento, la V, y tiene una estructura muy clara, es clave, no hay variable, pero bueno, nombre de la variable o clave y el valor que le pasa, normalmente suele ser un valor, que suele, pues como dice el propio nombre de variable, variar en función de este, se puede meter un valor fijo, sí, pero normal es variarlo, es decir, oye, pues el precio de este producto, no es el mismo precio que este producto, el precio del total, el valor total de esta compra, no es el valor total de la compra, que hemos tenido en otro punto. Los activadores, era la tercera, la A, de acuerdo, son lo que va a hacer que se active y se dispare la etiqueta en un momento determinado para recoger esa información, o hacer lo que sea, en un principio, pueden ser, pues como veis ahí, una página vista, un formulario completado, un click sobre un botón, un evento por chase, es decir, el momento en el que el usuario hace la compra del producto porque ya ha comprado, o el evento actucar, que es el momento en el que el usuario pulsa sobre un botoncito y añade un producto al carrito. Eso es un activador, y eso es lo que nos va a servir luego para hacer la etiqueta, oye, tú, te activas y te generas y si insertas en el código y envías las cosas, ¿cuándo ocurra esto? Bueno, hay activadores que vienen más o menos integrados y que van por defecto, pero bueno, son sencillos. En fin, las etiquetas no voy a dar un poco de cuenta porque entiendo que lo sabéis todos, pero bueno, al final son fragmentos de código. En Google Tag Manager vienen en formato plantilla para ser más sencillo el trabajar con ellos, pero no dejan de ser script de código, es decir, es la traslación del código de análisis que tenemos de toda la vida a otro sistema, en el cual tú simplemente metes la propiedad que es una serie de cosas en vez de tener que estar programándolo y metiéndolo como código desde cero. Volvemos de nuevo a la metodología y ya la vamos a ver y vamos a ir switchando con la herramienta, ¿de acuerdo? En cada momento vamos a ir viendo sobre cada uno de los cuatro elementos, primero la C, luego la V, la A y la E y vamos a ir trabajando de principio a fin. Lo primero que tenemos que hacer es, oye, cuando algo que quiero medir o algo que quiero enviar a otra herramienta con Tag Manager lo primero, lo puedo rastrear puedo verlo en la capa de datos, me llega información a la capa de datos si es que sí entonces tendré que ver o para que sea que sí, perdón tendré que ver que tengo una escucha esto no es bueno, no es un activador realmente porque el activador vendría abajo tengo que ver si tengo una escucha integrada dentro de las que vienen de Tag Manager si la tengo integrada perfecto, si no la tengo integrada perdón, activada tendré que activarla de las que me vienen por defecto escuchas como os decía antes que están por defecto dentro de Tag Manager si es así y estoy viendo ya los datos en la capa de datos y estoy viendo todo pues lo que haré será irme a la parte de variables de Tag Manager y activar las variables que necesite yo recoger en ese momento no vamos a ver ahora de verdad sé que estoy poniendo mejor en plan teórico una cara ahí un poco como de Dios mío, esto que es pero tranquilos que ahora vamos a ver un ejemplo práctico una vez que tenemos las variables ya creadas actualizamos o retocamos el activador que hemos creado la vez anterior si era un activador, perdón no era una escucha y ya por último creamos la etiqueta pero vamos a ver ahora mismo con un ejemplo yo tengo este sitio web es una plantilla vale, está tampoco hecho gran cosa, es una plantilla que es una tienda de comercio electrónico y está directamente con lo que venía esto no es una web real de nada y por otro lado ya tengo aquí mi contenedor ayer voy a ir un segundito a Coda para enseñaros lo primero que os comentaba que era el tema de cómo inserto yo con un MU plugin no sé porque no, pero yo no quiero git, perdonar vale, no sé decirle que cancele porque yo no quiero git esto no sé si me va a estar molestando mucho vale, esto es el ftp o web sé que se ve muy pequeño ahora cuando metemos el código lo amplío pero aquí no me deja esto es directamente el ftp de la web está el directorio publica html que es donde se publica la web y dentro de uvp content veis que hay una carpeta que se llama MU plugins si esa carpeta no existe crearla no va a romper nada, no va a hacer nada raro hay momentos que puede existir o hay temas o instalaciones que te los pueden meter pero si por lo que sea uvp content no la veo ok, MU plugins ya está, no hay más y dentro de esa tenemos este código voy a ver si ahora lo amplío al máximo que puedo esto no va a seguir molestando aquí pero bueno entonces este código básicamente no hay nada, o sea no es magia no es programación avanzada ni ninguna historia, o sea básicamente bueno hay unos comentarios para lucirte también y quedan chulos y simplemente lo que le estoy diciendo aquí es oye, en el head meteme una función y la función es simple y llenamente meter el script de google tag manager no tiene más y en el script de google tag manager es el que me está dando evidentemente la propia herramienta para insertar o sea no hay, ya digo no hay nada pues es esto y luego le dices vale y en el footer no es tan necesario pero bueno, ya que está, lo pones no pide pan, y en el footer añademe, es lo mismo una función diferente en este caso es la número dos o llamarle footer o llamarle como queráis me metes la versión non script de google tag manager ya está, con esto ya vais a tener tag manager metido dentro de la web se va a activar, o si fuera analitis lo cambiéis por analitis, se va a activar digamos de lo primero y os olvidáis ya no hay más problema, no hay que meterlo ni en un plugin de rgpd es más, en un plugin de rgpd es que no tiene ni sentido hace poco estaban hablando con el tema de las cookies y demás y me decían no hay tag manager pero si tag manager no mete cookies ¿qué me estás contando? no hay ninguna, la única cookie que mete tag manager es cuando te metes en un modo de bug y eso lo haces cuando estás programando y cuando estás probando tú como de bugger no lo hace el usuario te digo, ¿para qué me vas a meter el código en un plugin de cookies o de rgpd? estamos todos y ahora digo, esta es la mejor forma de hacerlo esto lo dejaré lo publicaré en twitter y os iré dejando los enlaces si queréis para que tengáis el código y tengáis todas las cosas que vamos a ir viendo no os preocupéis, hazle la foto pero luego picarlo va a ser complicado el hacerlo vale, entonces eso es lo primero no, no quiero no acepto vale, entonces ya tenemos el código que el código sabéis se saca de aquí, misterio una vez que tenemos el código lo que vamos a hacer por ejemplo estamos en el modo primero recuerdo de vamos a hacerlo con todo lo que nos viene por defecto sin tener que hacer ninguna cosa rara pues por ejemplo vamos a meter vamos a hacer que a poner la etiqueta de scroll por tramos para enviarla en g4 vamos a hacer eso, entonces que necesitamos? lo primero, irnos a la capa de datos a ver que se está rastreando a ver que nos está mostrando del scroll en la capa de datos, ¿cómo hacemos eso? nos venimos a la vista previa le decimos que no se empiece a ejecutar la web y aquí estamos entrando en un modo pues eso, de de baja aquí la web veréis que aquí conecta tenéis aquí abajo una esto de aquí, nos ha conectado, estamos devagueando y nos ha abierto una pestaña que es esta que tenemos aquí, que es la del modo de de baja y ahora os enseño esto o vale esto es la capa de datos esto digamos es la información que nos muestra de la capa de datos, o sea aquí es donde vamos a tener esa información que luego vamos a tener que nosotros que recuperar o si no la vemos vamos a tener que forzarle a que llegue esa información ahí todo lo que hay aquí son eventos es decir cosas que van ocurriendo y cada evento si os vais fijando en capa de datos esto se ve si lo veis mucho, poco, nada, medio porque esto está muy vamos a ampliarlo un poco pero veis que por ejemplo en este evento me están apareciendo pues un nombre de evento una serie de cosas aquí aparece otro nombre de evento esto son los eventos por defecto aquí no hemos dicho nada todavía con lo cual no hay nada si yo ahora por lo que sea, yo que se me fuera esta página que ya está dando la página de producto todavía no vamos a verlo porque luego veremos como eso pero lo que ha ocurrido aquí si os fijáis es que de una página a otra ha saltado y se vuelven a producir otra serie de eventos con sus cosas o con sus digamos sus variables y sus valores en la capa de datos estamos diciendo oye yo quiero medir el scroll ahora hago scroll en la página me vengo aquí y de repente dices ostras no hay nada de scroll yo no identifico que ninguno de estos eventos de aquí de la parte de la parte izquierda esté relacionado con el scroll que hago lo primero es venirnos a nuestro tag manager venirnos a aquí a las variables a las variables digamos que tenemos y decimos oye hay variables integradas y variables que podemos crear nosotros con los venimos en las variables integradas y buscamos dentro de las variables que veis que hay muchas aquí las tenemos las variables de scroll con esto ya lo podemos activar si activamos las tres si activo aquí por debajo se están entrando ya las tenemos esas variables integradas las tenemos metidas dentro de nosotros tag manager estas vienen por defecto hay veces que no hay que crearlas por otro lado pero bueno vamos a ver si ahora funciona esto seguimos en la capa de datos nos venimos aquí hacemos scroll y como veis aquí todavía no está que nos falta, nos falta el activador nos falta el evento venimos a aquí y le vamos a decir en este caso que nos cree donde está el evento de desplazamiento profundidad de desplazamiento que nos cree un evento de profundidad de desplazamiento una escucha en este caso esto es lo que va a estar escuchando si hay una scroll le llamamos scroll y le ponéis luego como de 6 o sea hay el nombre intentar siempre que sean iguales pero le podéis poner el nombre que deseéis profundidad de desplazamiento vertical y le decimos que sea al 50 al 75 y al 100 por poner un ejemplo de valores o sea aquí cada uno lo personalizará como deseo volvemos a dar siempre que hacemos un cambio hay que refrescar la vista previa eso os lo digo no queda no queda otra vista previa ahora hacemos scroll y veis aquí nos han aparecido tres eventos de scroll pues ya tenemos la escucha activador este que era la escucha ya la hemos puesto y ya nos ha digamos que el usuario ha hecho scroll es decir estaríamos aquí en este paso de aquí claro porque he dado tres valores ahora lo vamos a ver si si era ese paso efectivamente si tú ahora te vienes aquí al scroll de 1 y te vas al data layer y lo despliegas tienes oye es mira no me dio 50 me dio 59 me equivocó y me dio 9 en verdad 0 pues cuando ha llegado al 59% de scroll ha lanzado un evento y ha recogido que ha habido un 59% en vertical porque yo le he dicho que lo hagan vertical cuando le he dicho el 75 ha generado otro evento de 75 los restos son iguales o sea es porcentaje vertical y cuando ha ido al 100 ha generado el 100 si tú le pones 4 y avanzas hasta el final evidentemente te generará 4 si tú te quedas en la mitad te generará 2 o sea el ya va el ya sabe que tiene que hacer eso porque la escucha le está diciendo la escucha tú estás dependiente y me lo envías a la capa de datos que es lo que hemos hecho aquí como no teníamos nada le hemos dicho que haya una escucha en este caso les digo una escucha predeterminada o sea no hemos hecho nada fuera de Takmana ellos no hemos metido ni un plugin ni ninguna historia entonces ya tengo los datos en la capa de datos tengo el evento con lo cual vamos a volver aquí si yo quisiera actualizar el activador he puesto 50 y me he equivocado le puedo variar el valor o le puedo modificar porque quiero que sea muy personalizado o quiero que solamente sea en una página puedo variar ese activador ahora mismo no hace falta entonces no tengo que actualizarlo ya lo tengo que está funcionando como yo quiero ahora lo último sería crear la etiqueta dentro de Takman la etiqueta en este caso de analytics o la de Google Ads porque lo que deseo es medir una medición en Google Ads y tener una microconversión en Google Ads para luego poder utilizarla o en Facebook o en hotjar donde sea vamos a utilizar esta porque es la más conocida ya hemos pasado como decía primero por la capa de datos la hemos modificado, hemos obtenido la información que deseamos tenemos el activador o sea nos venimos a crear la etiqueta en este caso digo que quiero una etiqueta por un lado tendré que crear perdonarme una etiqueta de Google con una propiedad la voy a crear una de mentira esta etiqueta no existe esta es la general la que nos mira las páginas vistas y que es necesaria porque si no no tendríamos la configuración a donde enviar la gela osapola que si no lo mejor no lo gustaron es la primera que creas cuando estás en el caso de G4 y la de vento que si vamos a crear ahora la de scroll es esta vamos G4 scroll creamos esta etiqueta y decimos oye vamos a meterle algún parámetro porque deseamos medir algún parámetro como lo hago siguiendo la nomenglatura que nos dé la herramienta pues en este caso creo que era scroll vio un bajo deb quiero recordar que es lo que nos pide google analytics4 le voy a decir de donde tiene que sacar ese scroll de que hemos definido y lo tiene que sacar de una variable que le hemos pasado antes que esa variable la tiene que sacar del data layer del dato del data layer o sea es decir queremos sacar lo que es esto bueno el 3-hole no es el de es el 3-hole queremos sacar el porcentaje de 100 75 59 lo que sea lo queremos sacar dentro de nuestra herramienta como lo hacemos tendremos que tenerlo aquí primero para luego pasarlo a una variable para luego pasarlo a la etiqueta entonces aquí nos venimos como esta de parece que estaba integrada tenemos aquí la variable que os digo era integrada no hemos tenido que hacer nada nada más que activarla decimos eso y si le queremos decir imaginaros el tipo de scroll que es imaginaros que queremos sacar la dirección yo no creo que tenga mucho sentido pero bueno pues si deseáramos por tener más de uno pues le pondríamos el nombre siguiendo un poco la nomenglatura que recuerdo que en analytics es siempre todo en minúsculas y con un guión bajo separado podríamos scroll direction sacaríamos esta de aquí ya tendríamos esto preparado la parte de variables fijaos las hemos terminado sacando de lo que hemos ido haciendo antes en este caso y a la hora de activar en este caso el activador es el que acabamos de crear que es el scroll me pide por el lado disculpar el nombre del este 1,2,3,4,5,6,7,8,9 y aquí el nombre del evento de analytics evidentemente como está llamando scroll depth ya lo tendríamos y ahora nos vinieramos aquí a volver a hacer un último de baj para ver si está todo funcionando antes de publicar y nosotros hiciéramos el scroll de la página pues efectivamente veríamos que cada vez que en este caso se produce se produce un scroll se está lanzando la etiqueta que nosotros hemos configurado y si nos venimos a ver los valores estos que han cambiado hace hace poco y ya no se ve como se veía antes está funcionando, si nos hubiera funcionado nos diría que no y dependiendo del caso es que últimamente me está pasando que lo han cambiado no aparecen los parámetros aparecen los parámetros incluso con su valor entonces estaríamos bien luego podríamos irnos por ejemplo a la herramienta en el caso de analytics al modo de baj y ver que la etiqueta está llegando a google analytics de una forma correcta esto sería el caso más sencillo es decir, esto sería este escenario tenemos todo integrado el? si, si, si te lo muestra lo que digo que que han cambiado aquí algo es que aquí antes aparecen todos los parámetros con sus valores con su nombre de variable por un lado si lo tenías aquí en names y con sus valores que aparecían no entiendo la razón de ver porque esto lo han cambiado antes si lo veis aquí con esto lo que me estoy garantizando hasta aquí es que estoy enviando a la herramienta la información que yo le he dicho que le quiero enviar tendría que irme luego al de baj de la herramienta para ver que la herramienta la está recibiendo y sobre todo que la va a almacenar y esto lo digo porque hay veces que dependiendo de los permisos que se metan con plugins con cosas de rgpd a veces pasa que todo esto lo tienes perfecto y todo esto se envía pero de repente tú llegas al analitis y te dices que general analitis no veo los datos los veo en modo o no me llegan en debajo o incluso no me llegan a las tablas yo tengo metido todo pero y todo está funcionando todo está perfecto y tu miras aquí todo está perfecto pero de repente analitis o tal está recogiendo el dato y te pones a mirar y de repente descubres que hay un par de metidos por código o por un plugin una opción de no guardar los datos me acuerdo hace un par de veranos con un compañero de Barcelona que pasó que de repente me decía toda la web funciona recoger analitis de genial menos tres landing que han hecho nuevas que nos pusimos a mí que raro, que raro, que raro, que raro y de repente digo déjame que me metan el código y me metan el código y me han metido un script de no guardar los datos no acuerdo como es el parámetro de no guardar los datos entonces fue caro, te estás enviando pero el analitis que no guarda entonces no te lo va a guardar y dice quítalo entonces ahí os garantices un poco llegar hasta que por lo menos lo envíais el dato luego falta la parte digamos de que la herramienta esté recogiendo esos datos y los esté guardando y luego los puedas ver primer escenario, simple, sencillo de acuerdo, capa de datos creemos el oyente integrado si existe habilitamos las variables que haya, en este caso también eran integradas con lo cual genial, no tenemos que hacer ninguna cosa rara si es necesario actualizamos el activador que era el oyente era la escucha que estaba en este caso pendiente de cuando hacíamos scroll y por último creamos la etiqueta con las variables que hemos recogido anteriormente ¿Qué pasa si de repente es algo que dices oye es que resulta que no hay un oyente integrado no hay un oyente dentro de tag manager, dentro de esa lista que estábamos viendo que pueda utilizar ejemplo clásico y lo vamos a ver ahora un formulario de contas for seven ¿Cómo puedo hacer para cuando alguien envía un formulario de contas for seven recoger el el dato, es decir se ha enviado el formulario y entonces luego ya me lo he llevado a donde sea porque es una conversión porque para mi es importante recoger la gente que me completa un formulario de contas for seven ¿Cómo hacemos eso? hay una opción muy sencilla es redirijo el formulario en la página de gracias y entonces cada vez que alguien llega en la página de gracias oye es porque ha completado el formulario puede que no pero bueno pero sigo con esa lógica habría esa opción pero también hay una opción de hacerlo en este caso yo siempre en conversiones y tal recomiendo que las conversiones sean sobre eventos no sobre páginas que no puedas de otra manera de poderlo hacer es un poco quitarmos lo anterior como no tenemos un oyente algo que esté a la escucha de cuando se ha enviado un formulario de contas for seven tenemos que buscarlo en este caso no tenemos que programarlo porque ya está programado ya hay uno y es muy sencillito tenemos que buscarlo y poner un oyente que esté pendiente de cuando se produce un evento en contas for seven que se llama submit for y recoja unos datos que a lo mejor yo voy a trabajar con ellos porque a lo mejor no solo me interesa saber cuando se ha enviado el formulario sino que también en un momento determinado me interesa saber el correo hay cuidado estamos con datos personales, cuidado a dónde lo envíais o qué hacéis porque hay información que no se puede alojar en ciertas herramientas o sea vuelvo al caso de google analytics siempre diste no la privacidad google analytics las cookies no sé qué por aquí y dice ya es que los correos es que puedes saber quién es no perdón a google analytics lo primero si tú se te ocurre técnicamente se puede pasar un correo electrónico a google analytics en los informes sin ir jaseado directamente te van a tirar la cuenta y a lo mejor directamente las que te cortan todo o sea google no permite tener datos lo que llaman personal information pay datos personales no te los permite tener dentro de la plataforma eso evidentemente si lo recogéis pensar a dónde lo envíais o qué hacéis con esa información entonces cómo buscaríamos el digamos el oyente pues podríamos tranquilamente vernos estamos hablando de contas forse cf7 gtm listener más que nada en inglés porque es más sencillo encontrar cosas en inglés que hay en español hay más documentación cf7 no sé qué listener o el otro ya me pasó con hapes pop de repente tenía que meter para formular el hapes pop yo no tenía el evento no tenía listener y puse hapes por gtm listener y me apareció el código un artículo con el código aquí veis tenéis tenéis un oyente de información vídeos de todo para hacerlo con lo más común es fácil con cosas a lo mejor sea muy extraña, muy rara a lo mejor es más complicado encontrarlo pero hay la información de cómo obtener ese código yo ya lo tengo descargado ¿vale? y es este código ahora lo tengo descargado y no sé si lo tengo vamos a subir este código es un script que lo que va a hacer es enviar al datalayer la c, la primera parte de todo esto siempre empezamos por la c no empezamos por todo sitio pues a la c le va a enviar un evento que se llama cf submission cuando alguien envía un formulario se aconda alguien le da el botoncito de enviar formulario y le va a enviar en este caso dos parámetros adicionales el idea del formulario si no me equivoco era el subject del formulario podemos poner más parámetros dependiendo de el caso y demás pero bueno con esto a lo mejor nos sirve para lo que queremos entonces ¿qué hacemos con esto? en este caso pues este código que hemos encontrado ya os digo en un sitio en internet porque lo hemos buscado el listener para contact for 7 lo copiamos y nos venimos aquí a tag manager vamos a ver dónde estamos y vamos a crear una etiqueta un código vamos a crear una etiqueta que va a meter este código en este caso una etiqueta especial que es la de html personalizado esto es un comodín esto es un comodín tanto esta como la de imagen que os sirve para cualquier cosa que no exista cualquier cosa que no tengas por aquí html personalizado y esto te hace maravilla luego si nos da tiempo veremos una cosa vale ya está le decimos oye pego el código que acabamos de ver en el otro lado el de cfm submission le llamamos ch chtml cfm 7 en este caso listener vale y decimos que se active en este caso si queremos en todas las páginas con esto que estamos consiguiendo estamos consiguiendo que cuando alguien compre un formulario salte este este código ahora vamos a ver un formulario de contas por 7 si fuera otro plugin de formulario o otro formular hecho de otra manera ahí habría que buscar como hacerlo como os digo yo por ejemplo lo traía con haps pop el código era otro el que tenía que utilizar como siempre me vengo aquí a la parte de debaj estoy en la web sé que tengo el formulario aquí en esta página me vengo en formulario de contas por 7 de momento todavía no ha pasado nada salvo el scroll depth que metimos antes no ha ocurrido nada pues hay que enviar formulario evidentemente metemos esto y metemos esto y ahora le damos para que veáis todavía aquí no ha pasado nada sigo en el scroll depth que hemos hecho no ha habido ninguna cosa más pero ahora le doy enviar se ha enviado, aparece el mensaje hay una forma con el mensaje pero de verdad olvidarlo intentar siempre buscar un evento hay forma pero es un rollo veis aquí ya tengo un evento la escucha esta que he metido el código este que he metido hace un momento lo que hace es que le lanza cuando descubre que ha habido un envío de formulario le lanza un evento que se llama en este caso CF submission se puede llamar como queráis pero bueno, está clásico para cambiarle el nombre simplemente sería cambiarle esto de aquí siempre que vaya todo junto con guiones o bajos nunca pongáis una frase en plan en cosas de estas pero bueno, ya lo tengo con lo cual ya tengo la escucha tengo datos porque si nos metemos a ver a ver aquí veis que está el id y veis aquí en este caso la respuesta vale no yo pensaba que la respuesta me pasaba sólo no me pasa todo los tres datos que yo he relleno del formulario por eso digo a que hará cuidado el email yo no lo puedo pasar a un analytics si esto lo quería ir luego a guardar por otro lado pero tampoco tendría sentido porque ya se supone que le estoy guardando en contas forseven no tendría mucho sentido hacerlo desde aquí pero que sepáis que esto se puede hacer o sea que yo ahora mismo podía coger y decirle pásame a Google Analytics este dato pero Google me va a cortar los huevos perdón, no sé si Fernando, eso que he dicho hace que invalid el vídeo vale, vale, meten un pitido hazlo clean porfa Google me lo va a cortar no me deja a lo mejor la primera vez no se va a dar cuenta pero cuando vea que esto ocurre mucho va a decir que pasa aquí tu que haces y no lo va a cortar entonces bueno, si lo mandamos a pelo, si lo mandamos jaseado que es como codificado que es la cosa nueva que se está utilizando las convasiones mejoradas, que es una misma movida y tal que han hecho nueva pues vale, ahí no pasa nada porque ahí te dejan pero si tú la cojo y yo envío este dato y podría me lo cortaría entonces, ¿qué me queda crear la etiqueta? vuelvo a etiqueta más que nada por no complicarlo de Google Analytics 4 de acuerdo, pero me vale para cualquier sitio o sea, es lo bueno de Tasman, ayer que yo todo lo que he ido queriendo por abajo antes de la etiqueta me puede servir para más cosas o sea, yo esto lo puedo coger y decirle a Analytics 4 oye, míreme cuando hay una conversión pero le puede decir a Facebook, míreme cuando hay una conversión le puede decir a Google Ads oye, cuando ocurra esto es una conversión, míreme lo a donde sea acuerdo, o sea no tan solo un poco por ir sobre la línea vamos a hacerlo en Analytics pero que se puede hacer sobre cualquier cosa 8, 9 vale, este evento lo vamos a llamar Submit no, lo vamos a llamar como era como era el evento en el caso de C4 de contacto Lead vale Generate Lead le podemos poner parámetros entonces cogemos y decimos a ver, me vengo aquí y le digo Oride aquí me he venido, aquí me reconozco que me acabo de venir arriba disculparme, antes de crear la etiqueta y he faltado a lo que yo estaba diciendo vale, como tenemos todo esto, lo primero que vamos a hacer es crear las variables porque si no tenemos las variables creadas no vamos a poder hacerlo, entonces como en este caso estas variables ya no son integradas no van a estar aquí en esta parte de arriba lo que tenemos que hacer es crearlas nosotros desde cero es decir asociarlas en este caso es una variable de capa de datos vale, y para un segundo vale, aquí lo que veis que hay es básicamente decirle el nombre de la variable de la capa de datos vale, entonces qué es lo que tenemos que hacer básicamente aquí, venirnos a donde estábamos y mirar en este caso, empezamos a ver este bus que hemos hecho y decimos, vale, queremos coger imaginaos, el ide del formulario pues, se llama forIde que vengo aquí y le digo forIde y hasta por ejemplo le llamo dLv forIde, y ya tengo la primera variable de la capa de datos y ahora vamos a meter vamos a hacer aquí uno valiente y vamos a meter el correo luego no lo vamos a pasar, vale entonces en el caso del correo esto es una array dentro de una variable está pasando mucha información que esto lo vamos a ver también ahora después en el e-commerce entonces, tenemos que coger el valor, o sea, la parte de responsa para que la segunda variable y dentro de los arrays no sé si lo sabéis cuando hay cosas abajo en este caso, que está así que no tiene número luego es diferente, esto lo que tiene son valores que empiezan por cero o sea, este es el cero, este es el 1 y este es el 2, esto no sé si alguna vez la he visto cuando hemos trabajado con alguna array en el caso de e-commerce va a ser diferente, vale porque en el caso de e-commerce no lo vamos a recoger entero pero bueno, cuando hay una array de estos, o sea, cuando hay aquí un corchete, si lo explica que los valores que vienen de abajo se están recogiendo todos de golpe dentro de lo que se llama una cosa se llama array entonces ya digo, los arrays, cuando es una cosa de este tipo, este va a ser cero este va a ser 1 y este va a ser 2 entonces, la segunda variable que vamos a crear una variable de la capa de datos no, de la capa de datos, te he dicho voy a dejarlo a escribir, vale se va a llamar response y como es un, digamos, un subvalor o sea, como si estuviera encadenado uno tras otro, ponemos un punto y en este caso nos dimos aquí, decimos que queremos el correo, pues response cero digo, siempre empieza por cero el siguiente sería 1 1 entonces le paso 1 responde 1 vale, este le llamo del v responde punto 1 esto no lo hagáis en una realidad porque la liemos que pasa aquí, o como podemos comprobar ahora que esto está haciéndose correctamente y está recogiendo bien los datos o sea, que están ya preparados no lo hemos visto, pero bueno en estos casos pues viéndonos de nuevo al sitio, aquí hay mucha repetición o sea, aquí muchas veces eso es hacerlo, probar, ver, volver hacer cosas en tag manager o en donde sea volver a probar, volver a ver o sea, eso va va a pasar mucho vale, y le vamos a decir que en este caso es instagram pues, si ahora nos venimos nos venimos aquí, he vuelto a repetir el proceso aparte de que en el datalayer evidentemente tendremos el leste con los datos aquí tenemos una pestaña que se llama variables, entonces está viendo bien si nosotros nos venimos a variables y empezamos a mirar, esto es todo lo que está recogiendo del datalayer, tag manager del datalayer para luego hacer cosas, lo que nosotros deseemos le diremos cuál tiene que utilizar entonces veis las dos variables que hemos creado que hemos creado hace un momento el for ID la del UV for ID que le hemos creado asociado al este la tenemos y la response 1 veis, tenemos los valores del email, ya la tenemos dentro de una variable, ya la podemos utilizar por ejemplo en una etiqueta y esto ya es digo, ocurre en todos esto ya es común al proceso de antes, al de ahora y al siguiente que vamos a ver muy rápido entonces, ahora sí, ahora ya nos venimos a crear lo que es la etiqueta decimos que queremos una etiqueta en este caso como os digo de ads lo que decimos 2, 3, 4, 5, 6, 7, 8, 9 generate bit y le vamos a decir dentro de los parámetros que queremos for ID venimos, recogemos el dato como le decimos que valor tiene que coger el parámetro for ID pues el de la variable for ID que acabamos de crear y en el caso del email, este de la UV response que ya 4 y lo último que nos queda es decirle ey, y esto cuando se lanza pues esto se lanza, también me he venido arriba esto se lanza cuando haya un evento perdonarme un evento personalizado que si ya me he saltado a darme, a veces es que cuando ya con tiempo vas en orden lo siguiente que tenemos que haber hecho dentro de esto de tal variable activador, el activador es el nombre del evento que estamos utilizando entonces el nombre del evento lo tenemos aquí, no lo está dando es este de aquí antes hemos creado las variables teníamos que haber creado antes de eso el evento del activador que es este cf subnision en este caso como es un evento personalizado y no nos vale el scroll que teníamos al principio del 25-50 sino que tenemos que crear lo que se llama un custom event, un evento personalizado dentro de tag manager y hay que darle el mismo nombre que tenemos aquí lo que le estás diciendo es etiqueta, lanzate cuando esto ocurra cuando tú en el data layer tengas esta información lo he hecho un poco haciendo un rodeo pero la cosa sería así ¿cómo vamos de tiempo? que no sé si voy yo muy 12-47 a la 1 y 25 es la foto, no, voy a tratar de decirlo ahora ya muy rápido vale si hago rápido o sea, si hago ahora de nuevo vista previa, vuelvo a refrescar todo porque si no haces esto de la vista previa cada vez que haces un cambio no está recogiendo lo último que habéis hecho eso hay que hacerlo siempre hacemos esto nos venimos aquí muy rápido contacto se ha enviado el mensaje y lo mismo ahora nos venimos vamos viendo, vemos el scroll que lo teníamos antes y aquí donde el cf es un mision vemos que tenemos el evento no sé por qué no me está haciendo si ahora lo han cambiado aquí no no sé por qué no muestra ahora los parámetros antes cuando te metías aquí si que veías todo pero yo no sé por qué ahora esto no lo no lo muestra como debiera tendrías eso y tendrías los datos que lo hubierais enviado en este caso a Google Analytics este ya os digo es el llega y lo he hecho a pelo sin mostrarla, este sería el segundo el segundo ejemplo oye, no tengo un oyente integrado no tengo un oyente dentro de activar en tag manager porque no existe tengo que buscarme la vida de meterle yo el oyente y hacer todo el proceso el resto del proceso básicamente es el mismo una vez que tengo el oyente vemos que no existe habilitamos variables buscamos el oyente que necesitamos para para eso creamos el activador y lanzamos la etiqueta luego el resto siempre es igual realmente al final muchas veces el problema está en tenemos un oyente o tenemos lo que nos envía a la capa de datos la información tanto de la información adicional en este caso el email el nombre del formulario en el caso de un producto todos los datos asociados lo tenemos o tenemos que buscar la forma de que eso llegue ahí, una vez que eso ha llegado ahí que si la información ha llegado el resto ya es siempre igual es muy automático y nos queda el último caso de este el ejemplo más claro comercio electrónico un bucomes como mío todo el tema dentro de un bucomes de de los productos señales al carrito de los productos comprados de los productos que se han quitado del carrito todo lo que sería un embudo de ventas en el caso de un wordpress en el caso de una comercia medida o cualquier otra cosa ahí hay que tirar de desarrollador es cierto que todo el proceso de montar los envíos que hay que hacer al datalayer dentro de cada momento dentro de cada paso del embudo son un poquito más complejos están muy bien detallados pero son un poquito más complejos de realizar no es tan sencillo como de repente meter un pequeño codiguito y ya está ahí ya tiene más tela en el caso de un wordpress con un bucomes o cuál es lo mejor o cuál es ya la solución que he visto más efectiva pues es un plugin no me gustan pero los plugins pero bueno está reconozco que está muy bien vamos a entrar y lo vamos a ver a ver la que se llama gtm4w gtm4 wordpress es ya digo desde de lo que yo digamos he visto he probado y demás por ahí a mí el que más me convence solamente yo solamente lo utilizo cuando tengo un comercio electrónico o sea porque este plugin está muy bien pero es muy bestia es muy completo tú podrías todo esto que ha convertido del scroll y del contathor 7 con el código todo esto lo podrías resolver con este plugin pero es que yo no quiero hacerlo con este plugin para qué si ya lo puedo hacer de otra manera que vaya más rápido entonces solamente ya digo utilizar cuando cuando tengo que montar un comercio electrónico que tiene de buenos plugins que fue a mí lo que más me convenció aparte de ese completo y de que tener la parte de comercio electrónico que yo le puedo decir aquí el contenedor de google tazmana y el identificador que tenemos pero decirle oye no, estas el identificador pero no me metas el script, recordar que al principio decía el script lo podemos meter de varias formas yo lo meto al script de tazmana con un emu plugin a este le puedo decir no me pongas el script yo solamente quiero que me envíes los eventos al datalayer no quiero otra cosa no lo necesito no quiero que tu plugin esté tardando tiempo en cargar y me asustides el resto de cosas es una de las cosas muy buenas a mi fue lo principal que me convenció puedo hacer el seguimiento de comercio electrónico de una forma sencilla, no tengo que tirar de un desarrollador puedo hacer todo el etiquetado pero no necesito cargar el script desde aquí lo cargo como yo quiero aquí sería la primera opción o sea entrar en configuración la primera opción de aquí, le metes el código del contenedor le dices el código del contenedor desactivado no me lo cargues solamente hazme un push o los push que yo te diga oye digo tiene mogollón de cosas o sea aquí podéis habilitar de todo o sea el plugin es completo yo no solamente veis el seguimiento de scroll cargábamos antes lo puedes hacer aquí todo eso que hacíamos de montar el evento lo puedes hacer aquí pero yo es que pudiendo hacerlo tranquilamente en el otro lado casi prefiero tenerlo pero en el caso de uCommerce porque uCommerce es bastante puñetero para configurarlo, decirle que haga el seguimiento de uCommerce mejorado esto depende del caso yo no lo suelo habilitar el carrito como primer paso del pago el contenido del carrito en la capa de datos la ruta completa de la categoría no me haría falta datos del cliente ahora lo digo datos del pedido datos del pedido también este no lo suelo porque se excluye el value no valdría y este a ver vuelvo a lo de antes del formulario yo aquí puedo activar y que cuando el cliente complete los datos todos esos datos me lleguen a la capa de datos pero cuidado como se utilizan siempre existir esto lo puedes activar o lo puedes no activar nosotros lo vamos a activar para que veáis lo que sale pero cuidado cuidado como jugáis con el tema de los datos a ver marcar los pedidos borrar el objeto vale ya lo tendría y a partir de ahí que pasa una vez que yo he hecho esto lo he activado en este caso para que no me saltaran eventos a partir de ahí todos los eventos del comercio electrónico se me van a insultar digamos aquí vamos a hacerlo esto si os fijáis aquí ya si recordéis de la vez anterior digamos el refrescado de repente para aquí empiezan a aparecer cosas que antes no aparecían veo que sigue teniendo los pus al data layer de universal no entiendo por qué pensaba que los había quitado pero bueno lo que hace digamos ya digo lo que hace básicamente lo que está haciendo básicamente en este momento es todo lo que hay del comercio electrónico ocurriendo en el momento en el que tiene que ocurrir la primera página lo hemos muestros, la hemos refrescado aquí que pasa que aquí ya hay una serie de productos aquí ya están los productos un poco que muestran en la home que es esto esto es un view and list una lista de productos pues ya me ha hecho ya me ha lanzado el evento lo ha lanzado de más bien porque tiene el nombre y aquí viene toda la información en el data layer de los productos que ha listado en ese momento pues te viene el idea del producto, el nombre la marca si estuviera definida el precio, la categoría el nombre de la lista de productos en la que está en qué posición aparece esto que lo tenemos puesto por defecto y el idea es decir ya nos están viendo la información básicamente que es lo que voy a tener que hacer crear crear dos variables una variable que sea e-commerce y otra variable que sea e-commerce.items y con eso ya va a tener disponible toda la información primer paso vamos a hacer más rápido sobre esta y a partir de ahí sería igual en todos simplemente hable que coger las variables de cada evento pero por verlo en uno cartetas no, perdonad variables me vengo aquí, le digo variable de la capa de datos es decir son variables que tengo ahí y le digo dlv al e-commerce perdón, vamos a hacerlo desde aquí voy a meter digamos que me recoge este valor el valor de la moneda porque lo voy a necesitar luego recojo y le digo e-commerce en este caso lo separo como tiene un segundo nivel, lo separo .carrys compito esto lo pongo aquí y ahora creo otra variable de la capa de datos que es items esta es un poco especial de acuerdo que tiene la ventaja que al ser una array solamente tengo que meterle la cabecera de la array, ya tengo que decirle items no tengo que estar reproduciendo uno por uno todo lo que hay aquí abajo y comence.items si ahora refresco así muy rápido para que veamos esto si nos venimos aquí a variables dentro del item list tenemos que la variable que acabamos de crear de comence.carrys está recogiendo ya el valor y la de items os decía que no hacía falta meter uno a uno me está recogiendo en este caso todos los valores de los items que en este caso se están viendo si solo hubiera uno se lo recogería uno ahí juega ya con el automáticamente recoger eso que hago ahora muy rápido pues lo siguiente, evento activador copia el nombre del evento me vengo a los activadores y le digo que deseo que deseo crear un evento personalizado porque este no existe que se llama view item list lo estoy recogiendo en este caso del nombre del evento tenemos las variables tenemos los activadores vamos a por la etiqueta etiqueta lo mismo yo estoy utilizando ahora mismo de GA4 por ir rápido pero que esto valdría ya para cualquiera el evento se llama en este caso view item list y aquí los parámetros uno es alet currency buscamos lv, lo asociamos al valor que hemos definido la variable que hemos definido lo asociamos a la array en este caso y decimos que se active cuando ocurra el evento que acabamos de crear la gema yúscula ahora nos venimos aquí vemos que cuando ocurre eso ya directamente la etiqueta se está ejecutando no voy a hacer todo el proceso de comercio porque entonces no acabamos pero todos los eventos, si vosotros vais haciendo de esta forma y mirando de esta forma los eventos de e-commerce vais montando todo lo que es el seguimiento de e-commerce podéis hacer una parte, podéis hacer todo me interesa el purgeis y luego me interesa a ella cada negocio o cada web va de una forma de otra pero tan sencillo como eso en este caso hemos tirado un plugin si es algo que no tiene, si es un presta o un jumla o lo que sea habrá que buscar un módulo que funcione de la misma forma y si es algo a medida tendréis que tirar directamente al programador y decirle que lo haga igual, si queréis en algún caso os dejaré un documento yo tengo, digamos, generado un documento para programadores en las cuales le explico todo el proceso y les doy los ejemplos las maquetas de código para que ellos lo monten entonces a partir de ahí sería un poco veis un poco por resumen que el proceso vuelva a ser el mismo con el plugin o con la programación funciona correctamente los datos pues ya los podemos enviar a las variables o crear las variables el momento en el que tengamos las variables creadas nos vamos al activador creamos el activador que es el evento que estamos recibiendo en el DataLayer y creamos la etiqueta es siempre igual lo único que nos podemos encontrar digamos de diferencias es la parte superior del oyente o de la escucha que necesitamos para que toda esa información llegue a la capa de datos esto no es simplemente la por hacer la tontería de ver los tres de la misma forma un poco ya por resumir entramos en preguntas es la parte importante las siglas de capa de datos variables, activadores, etiquetas el orden a seguir aunque yo no me lo haya saltado como siempre suele pasar cuando estás con esto y lo tienes a veces te ocurre es mirar en capa de datos si tal existe la forma de llevar los datos una vez que eso meter el activador perdón las variables luego el activador y luego las etiquetas es lo último siempre intentar siempre trabajarlo así porque es que va a ser la forma por lo menos al principio lo mejor lo haces un poco lo que he hecho yo antes entre medias pero intentarlo porque va a ser la parte más lógica sobre todo cuando sea algo que no controléis dentro de dentro de un este vale y nada siempre pues intentar ver si podemos hacerlo sin meter nada si no si tenemos que buscar un oyente por ahí que es sencillo ya digo es poner lo que sea gtm listener y en la mayoría de las cosas comunes van a aparecer y luego pues es una vez que tengamos eso crear los variables ver el activador y lo último siempre la etiqueta siempre probando la interacción entre vale hago algo nuevo me voy a refresco digamos el modo vista previa me voy y veo que lo que he hecho efectivamente me está devolviendo lo que yo necesito dentro dentro de esa vista previa y poco más que yo hable vale porque hablas mucho ya y no quiero tal entonces a partir de ahí preguntas y donde me deja la bolsa esta ahí la bolsa vale las preguntas es porque al que hago una pregunta pablo les da gafas yo doy moratinas entonces ya está y ya está a partir de ahora preguntar aplaudir ehh pegarme hacer lo que querais esta aquí la bolsa vale venga poná preguntas hay alguna o ha quedado tu ah vale ya directamente quien está ah tú vale no que no te veía esta no es mi bolsa pero bueno ahora te busco la moratina gracias no vosotros por aguantarme que bueno que ha sido ha sido lensa ehh vale a mi particularmente me hace claro muchas cosas con lo cual ya te digo que te lo agradezco ehh uso usaba el plugin sd de wordpress y alguno otro en en alguna otra herramienta que no vamos a decir porque no se puede como en la publicidad ah vale coñas coñas aparte ehh cuando los eventos están creados en google en en en google analytics 4 y yo ya lo recojo en el datalayer con el plugin aun con todo tengo que seguir haciendo toda la configuración en tag manager por ejemplo el evento purcheis yo con ese plugin recojo el purcheis pero luego para pasarlo a google analytics tengo que hacer en tag manager el resto de configuración si vamos a ver este plugin a mi lo que me gusta es lo que os decía es que me permite no tener que inyectar el código desde el plugin sino hacerlo como yo quiero y lo que me hace son todos los push es decir me envía toda la información al datalayer yo ya tengo la información en el datalayer ahora tengo que hacer el trabajo osea que trabajo tengo que hacer crear las variables para poder recoger pues eso el currency todos los datos de los items en el caso por ejemplo de cuando tu añades la tarjeta el método de pago se están añadiendo ¿no? simplemente las compras o los articles vendidos o si me dices la compra pues en la compra tienes que meter el id de pedido hay una serie de información que este plugin ya te están viendo el datalayer una vez que lo tienes dentro del datalayer es seguir el proceso es decir vale ahora tengo que asociar esa información que tengo en el datalayer a variables de google tag manager las dlvs que veíamos con tal vale ya las tengo las variables ya tengo que meter un activador que es el nombre del evento pues por chase append.info, view it and list lo que sea en el caso de google a ver todo eso lo podrías todavía llamar de la forma que quisieras las recomendaciones que todo eso lo hagas con los nombres que ya te van apareciendo porque es el nombre del evento y de los parámetros que luego vas a tener que configurar en g a4 porque si es cierto que g a4 es muy estricto el evento de venta se llama por chase no se llama ebendio se llama por chase tú lo puedes llamar ebendio pero si tú lo llamas ebendio ya la estas liando ¿entiendes hacer una serie de cosas? que mira mejor que no entonces como el evento de g a4 se llama por chase el tío este ya se ha preocupado de decir y el datalayer le paso por chase con lo cual tú el evento personalizado que crees el activador personalizado que tú crees en tagman llámalo por chase no lo compliquen más pero al final es seguir a seguir ya tengo los datos creo las variables, creo el evento creo la etiqueta y envío los datos no sé si te contesto con eso a lo mejor la lia o más si no lo he querido para no alargarlo ya no he querido entrar a no alargarlo y demás efectivamente una cosa que podéis hacer si evidentemente tenés una sola tienda no tiene sentido pero si de repente me dices que es que yo me dedico a esto yo qué es lo que hago yo ya lo tengo todas las etiquetas todos los activadores, todo creado para este caso en el que además utilizo el plugin para un gucomes ya tengo toda la estructura variables, etiquetas y eventos creadas me lo descargo un archivo Jason una acción de exportar no todo el contenedor sino una parte del contenedor de Google Tag Manager en este caso la parte de comercio electrónico y ese contenedor ese Jason que tengo cuando me llega otro cliente me dice que es que tengo que montar y tú qué tienes un gucomes de puta madre perdón ojo es archivo Jason se lo importo a su contenedor cambio evidentemente cuatro detalles por la propiedad de Google Analytics alguna cosita que pueda ver alguna personalización que pueda ver en la radio y ya tengo todo montado ya está ya lo tengo hecho con lo cual eso es cómodo y luego llegas y le cobras pues esos apientos 700, 700, 700 euros y se me tira me tira media hora en hacer esto he automatización no sé si está por aquí no no está Santi no está, pues eso es automatización a tu pi si, si es esa posibilidad todo lo que hacéis lo podéis exportarlo bien en parto bien todo a unos archivos exportarlo para luego importarlo en otro contenedor tiene sentido ya digo si de repente te dedicas a eso a diferentes clientes y esto empresa hombre lo puedes hacer para tener un vacá no lo he hecho nunca con el plugin de tag manager lo único a ver en ese caso en el caso de importar y exportar es que digo no he querido por no alargarme excesivamente a ver lo vamos a enseñar muy rápido administrador eso está aquí en el administrador son estas dos opciones importar contenedor exportar contenedor, exportar sería lo saco, imagínalo lo que decía su no saco toda la parte de delicomes la tengo en un JSON me sirve para más gente entonces lo único a la hora de importar aquí sería el contenedor a ver donde lo tengo a ver yo tenía por aquí montado un JSON de una cosa vamos a importar le subes el archivo que tienes o que te has buscado que te has descargado o lo que sea le dices que te lo monten un espacio de trabajo y el único cuidado es aquí porque si yo ahora mismo deja la situación de sobre escribir que es lo que va a ocurrir que todas las etiquetas que había creado anteriormente me las va a machacar es lo único, cuidado con esto no vayáis a lo lo con importar y exportar y de repente el siguiente, siguiente, siguiente porque vamos de delicado lo que habría que decirle es siempre combinar y lo mismo, una vez que le dices combinar por prudencia, yo recomiendo que le digáis que las etiquetas que se llamen igual por si hubiera alguna, por lo que fuera que las cambie de nombre o que le quiera una copia es lo único, luego aquí si lleváis a detalles de los campos bueno, en este caso es nueva pero que os dice, oye, podría meter tres siguientes nuevas porque fijaros, si yo hago esto no sé si habéis dado cuenta de la diferencia que ha habido en decir sobre escribir o combinar fijaros aquí, en eliminadas de cero a cinco o sea, borra entonces cuidado, cuidado con en único detalle, un poquito cuidado a ver, no es irreversible, no pasa nada te puedo volver a la versión anterior y tal, pero ojo, te pegas un susto la primera vez que esto ocurre, vale entonces en ese aspecto, cuidado una vez que eso lo confirmáis y por ejemplo, aquí en este caso lo único que habría luego que hacer esto ahora lo enseño, esto es una vacilada aquí básicamente me han montado varias etiquetas activadores, o sea, he recogido todo todo lo que hacía esto, oye, toda la confirmación he convertido el trónico, la he hecho una vez y luego ya me la he montado en otro contenedor entonces lo único aquí esta me la voy a vale, esta es GA4 GA4 escuro GA3, vale este es evento dónde estás, dónde estás GHT-9 G7, Harley, Konami GA3, evento Konami, GA escuro GA4, vídeo ah vale, pues esta de vídeos, portale bien esta es una chorrada a ver, esta es una etiqueta la tenía un poco apuesta, ir pensando en otra pregunta ah vale, pues lanza la si quieres yo te quería preguntar por el tema que has comentado de la red de cumplir la RGPD no hay que informar al usuario de que vas a utilizar esto, así como con DAG manager, no el código que te metes directamente Google, ese si que lo tienes que importar hay que informar de que vas a recoger datos este no porque no metes nada, ni DAG manager no utiliza cookies es decir, es una forma de poder utilizar analytics sin tener que declararlo no, a ver a ver hombre, Paulito estás ahí, a ver DAG manager no utiliza ninguna cookie DAG manager no recoge ni guarda información de usuario entonces, desde ese punto de vista si tu solamente montas DAG manager no es necesario que informes, ni que pidas permiso o sea, tu puedes utilizar por ejemplo, este último que acabo ahora lo veréis, el efecto de este que me he importado en el JSON, este último que acabo de hacer es una chorrada que simplemente hace un efecto, o sea porque tu puedes utilizarlo para cosas que no sean ni enviar información, o sea yo por ejemplo en mi web tengo montado un experimento que es cuando alguien copia un texto de mi web y lo pega, imagínales en un archivo de texto donde sea, bueno en otra o sea si hace un copy-paste vale, copia y pega el texto y de abajo aparece un aviso o un texto diciendo este contenido ha sido extraído y da el título del artículo la URL del artículo y si quieren ver más cosas métete bien en mi web eso está hecho con DAG manager ahí yo no estoy recogiendo datos, ni haciendo absolutamente nada simplemente estoy haciendo un programita, un script, un plugin llámalo X, que hace eso porque tengo que informar si no hay cookies, no hay recogida información, no hay nada yo puedo utilizar a mejor tal manera eso para eso, otra cosa es que me digas no, es que lo utilizo para eso para GA4, ahora con GA4 anda por ahí Pablo y andamos pegándonos con que si ya GA4 en qué casos no es necesario para el caso de una nueva directiva informaron e informar ahora parece que la APD dice que hay ciertos momentos los que tampoco es necesario informar sobre cookies, pero bueno, estamos un poquito ahí viéndolo, pero eso ya no es DAG manager, eso ya es GA4 o Facebook o Google Ads o lo que sea, pero DAG manager de por sí, por él no es necesario meterlo en un aviso de cookies, ni en RGPD tú no estás recogiendo información o puedes utilizarlo para no recoger información, pero él no está recogiéndola, él no está tratándola él no está guardándola y ya digo, el único momento en el que DAG manager me está metiendo cookies esa hora, porque yo estoy utilizando esto del DEBAG pero lo estoy haciendo yo, no lo está haciendo el usuario pero lo estoy haciendo yo para implementar ahí sí que mete una cookie para hacer la sesión de DEBAG y para seguir no sé qué rollo es, pero me lo meto a mí si tú harás en esa web ahí no te va a meter DAG manager ninguna cookie entonces no es necesario, o sea, no tienes que meterlo dentro de sí, lo que es utilizar un plugin de RGPD no tienes que meterlo, no tienes que informar no hay cookies esto es una herramienta de etiquetado no es una herramienta de medición todo es, ya digo, ahí no haría falta es una idea a ver, esto que he metido es un código de Konami, vale no sé, los más antiguos recordaréis lo que era el código de Konami era un huevo de pascua se metía en ciertos juegos de una plataforma de una consola se llamaba Konami que tú atabas una combinación de teclas y el juego hacía algo, no? pues esto es lo mismo, entonces tengo que dar quiero recordar que es, flecha arriba, flecha arriba, fecha abajo, fecha abajo izquierda derecha, izquierda derecha BA vale, esto lo voy a hacer, lo que hace para que sepáis lo que voy a hacer en ese momento entonces flecha arriba, flecha arriba flecha abajo, flecha abajo izquierda derecha, izquierda derecha B mayúscula esto no es que ya haya puesto música esto es lo que está haciendo ese script que me acaba de meter en tag manager y hará esperaros que ahora empezará eso es lo que ha importado por eso digo, web, no, me han dicho que no salga por aquí que salga por aquí o sea, bueno ya vale, eso está hecho con un script de tag manager que es un javascript hace no sé qué y hace esas cosas ahí he medido algo, he mando alguna cookie he hecho cualquier cosa, no? es mentira vale, a ver, sí, puedo luego meterle decirle, oye, analitis, dime cuántas veces ejecuta esto, pero bueno no era el caso, vale entonces qué permiso ya pedir ahí primero, no se le va a ocurrir a nadie hacer eso o sea, lo que sea muy cutre o le avise y si lo hace, pues se lo va a pasar al bomba como dice Pablo, esto te puede servir para lo tuyo del Huntington este que decías antes el Huntington ese que ponías te puede servir para eso para que la gente espere mientras se está cargando le metes eso le modificas un poquito el activador para que no sea la combinación de tecla, sino cuando hay un tiempo de espera de cargada y no sé qué y salta esto claro, un espiner chulo no me diaje, no? hay otro por ahí que es igual todo el único que cambias en el código es que aparece un vídeo de este el neve con Alec Joab de como se llamaba el tío este de Ray Casley de Ray Casley, está también chulo no sé si con eso ya tiene una contestación entera del tema del este no hay cookies no hay que pedir permiso quedan moratinas ahora la saco, no sé dónde la no sé dónde la se ha dejado mientras la va diciendo que me voy a buscarla, yo tiene que estar aquí nada, es muy muy sencillo entiendo que lo que has puesto del view list en Item para mí no le encuentro ningún sentido que me cargue los productos que ven una página determinada lo interesante sería saber en qué fichas ha entrado en la ficha de producto que ha entrado claro, eso es otro evento nos ha enseñado el primero por no hacer todo dentro de un comercio electrónico todos los pasos del embudo eso se muestra el primero que es view item list el siguiente evento siguiente evento siguiendo el orden digamos hacia abajo sería select item que es dentro de esa lista de productos el que quiero ver el siguiente sería view item que ya sería ver la ficha de ese producto una vez que tienes eso el siguiente sería un actucard es decir, añado el producto al carrito tras añadir al carrito puedes, bueno, ahí puedes obtener un remote front car porque dijeras, no lo quiero quitar o otra vez o ya una vez que has añadido el producto al carrito el siguiente sería begin checkout que es cuando te aparece el formulario de checkout a partir de ahí hay dos eventos que no siempre se dan uno es add shipping info que es añadir la información de envío el otro que se tiene que dar que es add payment info es decir añadir la información de pago y ya una vez que tienes eso tienes el evento por chase que es el último cuando ya has vendido y habría, Pablo, cuál era el de el de reembolso de refund habría un evento que es refund que es cuando haces un reembolso lo que pasa es que ese evento se utiliza poco porque es complejo un refund no se hace en la web una reserva de algún hotel lo he hecho compro un producto me llega aquí a casa y luego te lo devuelvo ya no voy por el camino de la web claro se hace internamente o lo igual es un poco más complejo en ese sentido entonces esos son todos los eventos a partir de ahí decides cuál es mi interés a medir y cuál es no y en qué momentos algunos me interesa para analytics otros me interesa para ads otro me interesa para las dos otro me interesa para analytics para ads y para facebook ahí ya tú decides no sé porque digo no voy a hacer todo el proceso de todos los eventos de de embudo hasta checkout incluido creo si hasta begin checkout incluido los parámetros son casi siempre los mismos a partir de eso hay cambios tanto el admin info como el admin info tienen un parámetro adicional que es cuál es el método de pago cuál es el método de envío y luego ya checkout cambia completamente tiene currency tiene items pero tiene más parámetros por ahí de otras cosas entonces es que es un poquito más no complejo pero sí más rollo de crear pero bueno una vez que le pillas el proceso es más esto mismo se puede hacer directamente diciendo la atach que coja los datos de la capa de datos a mí no me gusta cuando lo enseño porque si lo hago así que es dar un check no vas a aprender nunca realmente qué es lo que está pasando ahí lo que decíamos al principio de no quiero leer un post y que un tío me diga que haga esto y luego cuando lo hago si no funciona no sé por qué va sino que entender cuáles son los pasos que doy entonces pues a mí siempre me gusta meter todas las variables meter todos los activadores hay muchas formas pero bueno pero para que se entienda yo creo que bien es un mejor de esa manera y por aclarar el gtm no guarda ningún dato no me refiero no vale nada tener gtm activado si luego no tiene un destino de esos datos no también siri siri siri siri también pregunta no gtm no guarda datos la capa de datos que es lo que hablábamos que tal y es lo que debíamos todo es cierto que se activa cuando metes gtm cuando metes a cuando ves a google a la internet se activa la capa de datos de algún otro producto pero la capa de datos recoge esos datos en el momento de la sesión una vez que el usuario cierra la sesión esos datos se perdieron hay datos que incluso cuando se cambia de página se pierden cuando se hace un salto de una página a otra esos datos se pierden me dicen que ya la última o que no tenemos que bajar abajo hacer la foto te la contesto ahora en privado no te preocupes