![\"tutorial](\"https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2016\/02\/tutorial-gratis-google-tag-manager.jpg\")
<\/p>\n
Vamos a ver un caso pr\u00e1ctico, que es la mejor manera de aprender el funcionamiento de una herramienta. \u00a0Tengo un blog de recetas y quiero comprobar los clics que recibe un banner <\/strong>colocado en mi web, fundamental para pasarle la factura al anunciante (X clics multiplicado por el precio acordado) a final de mes. El anunciante en este caso ser\u00eda el agregador de recetas buscador-de-recetas.com<\/strong>.<\/p>\nPuedo controlar todo lo que ocurre a lo largo y ancho de las p\u00e1ginas que componen el blog, pero cuando el usuario sale de mi p\u00e1gina, le pierdo la pista. Sin embargo, con Tag Manager<\/strong> puedo saber sobre qu\u00e9 enlace hizo clic <\/strong>el usuario. Para ello, yo empezar\u00eda por crear una etiqueta<\/strong> (para mi gusto es m\u00e1s f\u00e1cil aclararse).\u00a0Con la etiqueta le dir\u00e9 que quiero un bloque de c\u00f3digo que realice el seguimiento de un suceso en la web<\/strong> (Ej. se ha visto una p\u00e1gina, se ha hecho una transacci\u00f3n, ha ocurrido un evento como en ser\u00e1 en este caso). Los datos que tengo que rellenar en la etiqueta ser\u00edan los siguientes:<\/p>\n\n- El ID de seguimiento de Google Analytics (lo podemos recoger previamente en una variable)<\/li>\n
- Tipo de seguimiento (en este caso Evento)<\/li>\n
- Categor\u00eda (clasificaci\u00f3n para aclararnos en Google Analytics, pondremos Banners)<\/li>\n
- Acci\u00f3n (la recogemos con una variable)<\/li>\n
- Etiqueta (una subcategor\u00eda, en este caso podemos darle el nombre de la marca a la que corresponde el banner)<\/li>\n<\/ul>\n
![\"tutorial](\"https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2016\/01\/tutorial-google-tag-manager-etiqueta-buscador-de-recetas.jpg\")
<\/p>\n<\/div>
<\/div><\/div>
<\/span><\/span>Buscador de recetas<\/span><\/h3><\/span><\/div><\/div><\/div>
Etiqueta Buscador de Recetas<\/h4>\n\n- Ojo, en la Configurar Etiqueta le puedes dar una prioridad para asegurarte de que no interfiere con otras etiquetas (en este caso no ser\u00e1 necesario).<\/li>\n
- En el siguiente paso, \u201cActivar\u201d, te dir\u00e1 que necesita un activador<\/strong>, que puede ser el simple clic o algo m\u00e1s espec\u00edfico. Como en nuestro caso, un clic en un banner determinado.<\/li>\n<\/ul>\n
De aqu\u00ed te puedes ir directamente a la pantalla de Activadores para crear un activador, que vamos a ver a continuaci\u00f3n.<\/p>\n
![\"tutorial](\"https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2016\/01\/tutorial-google-tag-manager-activador-buscadorde-recetas.jpg\")
<\/p>\n
Activador para el buscador de recetas<\/h4>\n\n- Selecci\u00f3n del tipo de evento: \u201cClic\u201d<\/li>\n
- Configurar activador: \u201cSolo enlaces\u201d<\/li>\n
- Habilitar cuando, es decir, \u00bfcu\u00e1l es el detonante de que empiece a medir? En este caso que est\u00e9 en una URL determinada, concretamente en la Home.<\/li>\n
- Activar, es decir, las condiciones particulares de esta etiqueta. En este caso, s\u00f3lo cuando la URL sobre la que se est\u00e1 haciendo clic (Clic URL) sea la que estamos buscando. En mi caso basta con poner solo que contiene el nombre de dominio, ya que s\u00f3lo tengo un banner que enlaza hacia buscador-de-recetas.com<\/li>\n
- Guardamos el activador<\/li>\n<\/ul>\n
El siguiente paso es volcar estos datos al contenedor, para lo cual tenemos el bot\u00f3n Publicar en la parte superior derecha. Pero alto, antes de publicar, te recomiendo que compruebes que lo que acabas de implementar funciona. \u00bfC\u00f3mo? Google Tag Manager ofrece un bot\u00f3n de vista previa y depuraci\u00f3n<\/strong>.<\/p>\n![\"tutorial](\"https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2016\/01\/tutorial-google-tag-manager-depurar.jpg\")
<\/p>\n
Para ello, tenemos que tener abierta una pesta\u00f1a en el navegador, con la web sobre la que estamos trabajando. Al pulsar Vista Previa<\/strong>, se nos cargar\u00e1 un apartado de depuraci\u00f3n<\/strong> en el navegador (similar a las herramientas para desarrolladores). Ah\u00ed nos ir\u00e1 indicando las Etiquetas que se van ejecutando con la interacci\u00f3n en la p\u00e1gina. Por ejemplo, veamos qu\u00e9 ocurre si hago clic en el banner que estoy realizando seguimiento,<\/p>\n![\"tutorial](\"https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2016\/01\/tutorial-google-tag-manager-depurar-2.jpg\")
<\/p>\n
F\u00edjate en los recuadros que te he marcado. Cuando he hecho clic en el banner de Buscador de recetas<\/strong>, se ha disparado la Etiqueta Buscador de recetas<\/strong> (adem\u00e1s de otras dos que tengo yo puestas en esta p\u00e1gina). Y como puedes ver en el resumen de la izquierda, recoge los datos relacionados con este clic<\/strong> (clic y enlace). As\u00ed que funciona perfectamente, ya puedes ir\u00edamos a Publicar. No te olvides de Publicar cuando est\u00e9s seguro de que est\u00e1 correctamente implementado. Por si acaso, te va avisando de los cambios no publicados todo el tiempo.<\/p>\nAhora pasamos a comprobarlo en Google Analytics. Antes ten\u00edas que esperar un par de d\u00edas a ver los resultados de tus cambios en esta herramienta de anal\u00edtica web. Lo bueno es que ahora puedes verlos en tiempo real<\/strong>. As\u00ed que me voy a Tiempo Real> Eventos y puedo ver los resultados de esta implementaci\u00f3n en GTM.<\/p>\n<\/div><\/div><\/div>
<\/span><\/span>Comprobaci\u00f3n Eventos en Google Analytics<\/span><\/h3><\/span><\/div><\/div><\/div>
![\"tutorial](\"https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2016\/01\/tutorial-google-tag-manager-comprobacion-google-analytics.jpg\")
<\/p>\n
Como puedes ver, muestra que ha habido una interacci\u00f3n con el Banner<\/strong>, donde la URL sobre la que se ha hecho clic es efectivamente buscador-de-recetas.com<\/strong>. Por tanto vemos que funciona y ya podemos empezar a medir la cantidad de clics que tiene nuestro banner.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div>
<\/span><\/span>Conclusi\u00f3n: Utiliza Google Tag Manager para conocer a tus usuarios en la web<\/span><\/h2><\/span><\/div><\/div><\/div>
Como habr\u00e1s podido comprobar, Google Tag Manager es una herramienta muy \u00fatil para conocer el comportamiento que tienen tus usuarios en tu web. Resulta muy f\u00e1cil de instalar y configurar, lo que facilita enormemente su uso. Espero que lo hayas entendido bien con el caso pr\u00e1ctico de ejemplo que te he a\u00f1adido.\u00a0\u00bfQu\u00e9 te ha parecido esta gu\u00eda de Google Tag Manager<\/strong>? \u00bfConoc\u00edas esta herramienta y c\u00f3mo instalarla y configurarla? \u00bfHay algo que te haya llamado la atenci\u00f3n? \u00bfCrees que me he dejado algo? \u00bfTe has quedado con alguna duda o pregunta? Entonces te pido que dejes un\u00a0comentario<\/strong>. Da igual que sea o una duda o un simple gracias, pero me alegrar\u00e9 mucho de leerlo y responderlo.<\/p>\n<\/div><\/div><\/div><\/div><\/div>
![\"guia](\"https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2018\/03\/guia-google-tag-manager-instalacion-crear-etiquetas-activadores-variables-eventos-2.jpg\")
<\/p>\n