¿Como funciona Google Tag Manager?

Publicado en Herramientas el 01 de octubre de 2012 por .

Hoy Google ha presentado el Google Tag Manager, una nueva herramienta que nos facilitará mucho la vida a los que nos dedicamos al marketing online y a la analítica web.

Seguro que ya habréis encontrado en varias webs qué es lo que hace esta fantástica herramienta (gratuita), por lo que he pensado que sería interesante explicar cómo lo hace.

Google Tag Manager

Para hacerlo, explicaré cómo implementar un tag básico en nuestra web.

Implementando el Google Tag Manager

1. Crear una cuenta

Los primeros pasos para implementar el tag manager no son triviales, pero tampoco son difíciles. Para empezar, debemos ir a la web de Google Tag Manager  y dar de alta una nueva cuenta:

gtm-creacion-paso1

2. Crear un contenedor

Una vez creada la cuenta, debemos crear un contenedor. Un contenedor puede estar definido en más de un dominio, pero por lo general crearemos un contenedor por dominio.

gtm-creacion-paso2

3. Añadir el código

Después de aceptar las condiciones de uso del Google Tag Manager, ya podremos implementar esta línea de código en nuestra página web.

gtm-creacion-paso3

Éste código debe ir en todas las páginas de nuestra página, web, justo después del tag <body>.

Ésta será, seguramente, la última petición de implementación que recibirá el equipo de desarrollo por parte del departamento de marketing ;) *

4. Añadir los tags personalizados

Ya tenemos el GTM implementado en nuestra web, ahora sólo nos falta definir los tags que queremos añadir:

gtm-creacion-paso4

Configuración inicial del Google Tag Manager

Google nos ayuda a implementar fácilmente algunos tags, pero podemos implementar cualquier código que necesitemos. Por defecto, los tags que podemos implementar son:

  • Google Analytics
  • Adwords (Tag de conversión y de remárketing)
  • DoubleClick
  • Un HTML personalizado
  • Una llamada a un pixel propio

Las implementaciones de los 3 primeros no tienen ninguna dificultad: informamos los campos que necesita cada herramienta y listos.

En el caso de Google Analytics, por el momento sólo incluye una implementación básica (el código estándar), por lo que si queremos hacer una implementación más avanzada necesitaremos tirar de la opción de HTML personalizado.

Definición de macros, reglas y tags

Para implementar cualquier tag en nuestra web, GTM utiliza estas 3 categorías: macros, reglas y tags.

Macros

Las macros son variables que nos dan información dinámica a partir de algunas condiciones. Por defecto tenemos 3 macros definidas: url, referrer y event, con las que podremos crear la mayoría de nuestras reglas.

Aun así, podemos crear macros adicionales para proporcionar información adicional a partir del contenido de nuestra página o de acciones que realiza el usuario.

gtm-macro-type

Reglas

Las reglas definen las condiciones en las que se ejecutará un tag en concreto. Por defecto tenemos una regla definida, en la que especifica que un tag se debe lanzar en todas las páginas de nuestra web.

Las reglas se definen a partir de las macros definidas. Por ejemplo, si definimos una regla a partir de una url, podríamos definir que se lanzara un código de remárketing en concreto cuando la visita vea la página (o páginas) definidas en la regla.

gtm-crear-regla

Tags

Por último tenemos los tags, o etiquetas, que es dónde definimos los códigos (o tags) que queremos que se ejecuten en nuestra página web.

Cuando se añada un nuevo tag, se definirán cuales son las reglas que se deben cumplir para que éste tag aparezca. También se pueden definir las reglas en las que el tag se bloqueará.

gtm-añadir-tag

Testeo y publicación

Siempre que apliquemos un nuevo cambio en el tag manager, antes de publicarlo, podemos realizar una vista previa. Así, podremos ver si los cambios que hemos aplicado funcionan sin correr el riesgo de estropear algo de la web ;)

Además, hay un modo debug que nos permitirá ver en todo momento cuales son los tags que se lanzan.

gtm-vista-previa-debug

Más información sobre el Google Tag Manager

Para leer más información sobre el GTM, os recomiendo que os paseéis por la ayuda del Google Tag Manager. Además, si necesitáis ayuda para implementar el tag manager en vuestra página web, os recomiendo que contactéis alguno de los partners de Google certificados en GTM, entre los que se incluye WebAnalytics.es ;)

*Aunque el GTM agilizará mucho la creación de nuevas campañas y la posibilidad de añadir nuevas herramientas a la web de forma rápida y eficaz, el trabajo conjunto entre el departamento de marketing y el equipo de desarrollo cada vez deberá ser mayor por la naturaleza de los proyectos online.

Etiquetas: , ,

Sobre Oriol Farré

Me llamo Oriol Farré, soy Ingeniero Técnico en Informática de Sistemas por la UAB y estoy certificado en Google Analytics, Adobe SiteCatalyst y comScore Digital Analytix.

Me gustan las nuevas tecnologías, la fotografía, la lectura, los juegos de mesa y me apasiona el SEO y la Analítica Web.

Puedes encontrar a Oriol en:

Google+ LinkedIn Blog


55 Comentarios en ¿Como funciona Google Tag Manager?

  1. Edgar Sanchez

    Que rapidillo Oriol.

    Gracias por compartir, probaremos el nuevo juguetito de Google.

  2. Oriol Farré

    Gracias Edgar! Hay un poco de trampa aqui, que yo ya hace algunas semanas que estoy probando el juguete ;)

  3. Multiverso SEO Blog

    Buen artículo, es de los pocos interesantes que he encontrado en español sobre el Tag Manager. Y el resto de tu blog también es muy interesante, gracias por compartir.

  4. Cristina

    Gracias Oriol,

    Solo un apunte, dices (copio texto): debe ir en todas las páginas de nuestra página, web, justo después del tag.

    Y yo especificaría que justo después de abrir el body, y no antes para no liarla, según indicaciones de Google! ;)

    @crisfrancob

  5. Oriol Farré

    Gracias Cristina! Aunque suene a excusa, es lo que había escrito, pero cuando lo pase a WordPress me lo eliminó porqué lo confundió con una etiqueta html… :(

    En fin, ya está corregido ;)

  6. cristina

    Hola! Gracias por la explicación, es genial :)
    Pero tengo una dudilla, hay tags que requieren estar dentro del head, imagino que GTM no ofrece (por ahora) esta posibilidad, verdad?

    Saludos.

  7. Esteban Herrera

    Muchas Gracias Oriol por tu artículo. Es de bastante ayuda…

  8. Enrique del valle

    Muy interesante no estaba seguro de como configurar un código diferente para una pagina concreta , por ejemplo la de transacciones donde se puede producir una extracción dinamica del valor de la transacción como sucede con google analytics.

    Con el uso de las reglas esto se puede solucionar facil , gracias por la info , no estaba seguro de como solucionar esto porque no me había puesto a ver todo lo que hace la herramienta. Es justo lo que necesitábamos en este mundillo.

  9. orientadorweb

    Muchas gracias por la información, buena explicación e imágenes, un saludo.

  10. viajero

    Realmente esto ayudara mucho a los que tenemos que administrar muchos sitios, al tener todo esto ya centralizado. Muchas gracias por ejemplo de implementación.

  11. Noel Gimenez

    Muy interesante tu articulo como ya te han comentado, de los pocos que e encontrado de GTM decentes y bien explicados.

    Gracias

  12. Angela

    Tengo una duda, si quiero implementar el GTM en una web que ya tiene el código de analytics y el de adwords que procedimiento habría que seguir?
    Primero introducimos el tag de analytics y el de adwords en el GTM, lo actvamos y luego nos los cargamos de las paginas de la web en las que estaban activos o al contrario?

    Para no perder información…

  13. Angela

    Tengo una duda, si quiero implementar el GTM en una web que ya tiene el código de analytics y el de adwords que procedimiento habría que seguir?
    Primero introducimos el tag de analytics y el de adwords en el GTM, lo activamos y luego nos los cargamos de las paginas de la web en las que estaban activos o al contrario?

    Para no perder información…

  14. Fernando

    Oriol, Trato de configurar el código de Tag Manager para usarlo en lugar del de Google Analytics pero no puedo hacerlo. Viendo el código de tu página veo que tienes el TM y el GA, ¿significa eso que estás contando por dos las páginas? Entiendo que si no existen Reglas el tag no se activa, pero los he activado y no aparece (lo comprubo viendo el GA en tiempo real).

  15. Montse

    Muy interesante Oriol, una pregunta,
    ¿se pueden hacer reglas para que el tag se lance solo en páginas virtuales? esto podría servir por ejemplo para sites que funcionan en AJAX

  16. Dhano

    Probaremos, saludos!!

  17. Francisco Calero

    Buenas Oriol, la explicación es excelente, he comenzado a trabajar con tag manager hace poco, lo he configurado de forma básica, ya que mis conocimientos en javascript son justitos. En este post explican como mejorar el porcentaje de rebotes en la web, http://www.blog.lawebera.es/porcentaje-de-rebote-google-analytics/, añadiendo un fragmento de código al script de analytics, me preguntaba si puedes explicar como crear esta funcionalidad en tag manager.

    Gracias de antemano.

    Saludos.

  18. Roberto

    Hola Oriol, queria saber una cosa que no me queda clara, si quiero realizar un tracking para medir cuantas veces se envio un contacto, lo tengo que hacer desde analytics y desde TGM? o bien solo desde TGM, en caso de ser asi, como veo los resultados?

  19. Carlos Acedoº

    Buenas,
    Alguien puede recomendarme cómo gestionar subdominios con Tag Manager. Es preferible compartir un mismo contenedor o mejor uno por subdominio? Se pueden compartir las etiquetas, reglas y demás en el caso que sea mejor un contenedor por subdominio?
    Muchas gracias!
    Saludos

  20. Víctor de la Iglesia

    Es simplemente genial esta herramienta! Yo la estoy usando para regular las tasas de rebote a 40 segundos. Listo para analizar!

    Genial por el post! Conocí google tag manager gracias ti Oriol!

  21. Elina

    Gracias por el post, estoy empezando en esto del TM, y bueno, como que hay cosas que son para llorar xD…

    Al menos ahora tengo como empezar y a seguir.. :)

  22. garcinia diet charged 79.95

    Our products are results of world class herbal Veterinary formulations which are being prescribed
    with a stamp of assurance, consistency and efficacy on quality.
    Jessica Simpson Before & After Weight Loss: Singer shows off slim post-baby body at
    clothing event. If you have been eating far too much food, and you haven’t been exercising that much all these years, it is possible
    that your metabolism has slowed down significantly.

    my web page: garcinia diet charged 79.95

  23. nose job faq

    Finally, mini face lift provide the sufferers an all natural experience by themselves as well as at
    the same time improve their own self esteem and confidence amounts.
    Is he an active member of a Plastic Surgery Association or Society.
    You also need to think about the recovery process and the ways it might affect
    your daily life and work.

    my weblog … nose job faq

  24. deck restorers

    You will probably recognise some or all of these as some as used more than others with very
    great success in carp baits:. Leave your windows open a few hours a day and then you get to clean the black
    soot off of the floors. Some day you will have to divide your worms and start a new farm because of their rapid reproduction rate.

    my web blog: deck restorers

  25. igrow Light

    The basis for a diagnosis will start with a thorough
    examination by your veterinarian. To get hair loss reviews for
    both male as well as female hair loss treatments along with extensive advice ensure that you visit is a fellow sufferer of hair loss and highly recommends
    the revolutionary Hair – Max Laser Comb to stop thinning hair.
    Such devices as KTP, ERBIUM, Pulse DYE and Alexandrite have short length
    of laser light waves, and they are very effective for removing unwanted hair on a light colored skin.

    Here is my webpage igrow Light

  26. free juegos

    Coincido totalmente de acuerdo con el conjunto los topicos que has puesto, si
    bien es cierto que no en el conjunto. Un website fantastico.

    Chekea y ademas navega por mi siteXD free juegos

  27. Margie

    Finally, mini face lift provide the sufferers an all natural experience by themselves
    as well as at the same time improve their own self esteem and
    confidence amounts. Nathan Newman is world renowned for his advanced cosmetic surgery procedures.
    This will give an assurance that the treatment which
    has offered is effective and suitable for you.

    Here is my web page :: nose job blog (Margie)

  28. hair restoration youtube

    American Society for Metabolic and Bariatric Surgery. Also sign up for my pet blog and let me know if you have questions or concerns
    regarding your pets. Have Some Much more Derm – Organic Care For The Locks.

    my blog post hair restoration youtube

  29. hcg weight loss cancer

    Many of the Homeopathic h – CG solutions contain no h – CG
    at all. When it came time to select the homeopathic h – CG product I would use for round two I
    was intrigued with the option of Homeopathic h – CG Pellets.

    The HCG diet is a diet plan comprising of the intake of HCG with a
    diet plan that was created by ATW Simeons almost 60
    years ago.

    my website; hcg weight loss cancer

  30. receding hairline treatment

    Fantastic beat ! I wish to apprentice while you amend your
    website, how can i subscribe for a blog website? The
    account aided me a acceptable deal. I have been tiny bit acquainted of this your broadcast offered vivid clear idea

  31. junk removal Charlotte

    Whether you are the owner of just one salvage
    car or you sell recycled cars for a living, you must ensure that
    these requirements are met, since failure to comply with the laws can result in penalties or fines being imposed.
    If you are searching for used BMW engines in particular, then Bavarian Auto Recycling Inc.
    From now on, based on the type of damage that this car or truck has endured,
    it could be a particularly good way to make cash.

    my webpage … junk removal Charlotte

  32. Beatriz

    Hurrah! At last I got a website from where I be able to really
    take valuable data concerning my study and knowledge.

  33. Dani

    Hay que quitar el código de Analytics al poner el código del google tag manager o se mantienen los dos?

  34. argan oil

    Attractive section of content. I just stumbled upon your site and in accession capital to assert that I get in fact enjoyed account your blog posts.
    Anyway I’ll be subscribing to your augment and even I achievement you
    access consistently rapidly.

  35. Eyederm X facts

    Hi to all, the contents existing at this web site are in fact amazing for people experience, well, keep up
    the good work fellows.

    My web site Eyederm X facts

  36. Junk Cars Dolton IL

    This keeps these parts out of landfills and prevents other cars from
    being retired too early. So once you start taking
    fruta bio you are going to want to change the way you eat,
    NO more processed foods no more eating fast food, no more soda and no JUNK.

    While continuously offer us the finest customer
    service.

  37. Anam cara

    Hola, cuando hago un cambio dentro de una etiqueta y guardo, ¿tengo que publicar otra versión para que haga efecto, o hace efecto en la misma versión ya publicada?.

  38. jc

    chafa chafa chaaaafffff

  39. (Cara Menghilangkan Jerawat

    Hello my friend! I wish to say that this article is awesome, nice written and come with approximately all significant infos.
    I would like to peer more posts like this .

  40. directorio argentina

    desconocia esta herramienta, la voy a implementar. creo que google ha creado muchas aplicaciones desconocidas por muchos que sirven para el dia a dia con el SEO, desarrollarlo, implementarlo y actualizarlo.

  41. pengobatan tradisional kolesterol

    This website was… how do you say it? Relevant!!
    Finally I’ve found something which helped me. Many thanks!

  42. Erick Vásquez

    Muy interesante, hace tanto tiempo que existe esto y yo no lo sabía.

  43. cbse board result

    Thiis infⲟrmatiοn is ρгicеlеѕs.
    Нοա can Ӏ find οᥙt morе?

  44. Miguel Hernandez

    Muy buen contenido, también hay otra herramienta para aquellos que usamos chrome muy potente para medir o saber si esta bien configurado nuestro tag o saber que tag tienen otras paginas se llama Tag Assistang by google es una extensión y la acabo de instalar.
    a mi me sirvió mucho por que cuando estaba instalando los tag me daba una descripción breve de lo que me faltaba y asi pude llegar por fin instalarlo correctamente este es el sitio en el cual lo intale
    saludos y espero y les sirva

  45. Frank Vice

    Muy interesante tu articulo sobre el tag manager, podrías haber profundizado un poco más con respecto al tema en como ver si el tag está bien configurado u etc. Como pasa con el Tag Assistang
    una extención de chrome que permite ver si está bien configurado…

    Aquí en Chile hay una empresa que se dedica a hacer aquellas cosas, pero estan mas especializados en lo que es la Gestión en Marketing. Algo más integral.

    Saludos.

  46. speakerdeck.com

    I just like the helpful info you provide on your articles.
    I’ll bookmark your weblog and take a look at once more here regularly.
    I am somewhat sure I will be told many new stuff right
    right here! Best of luck for the next!

  47. Plumber Humble TX

    This article gives clear idea in favor of the new people of blogging, that genuinely how
    to do blogging and site-building.

  48. pennis

    That is very interesting, You’re an excessively skilled blogger.
    I’ve joined your rss feed and look ahead to searching for extra of your magnificent post.
    Additionally, I have shared your web site in my social networks

  49. cutii automate bmw

    You can certainly see your skills within the work
    you write. The world hopes for even more passionate writers such as you
    who aren’t afraid to say how they believe. All the time go after your heart.

  50. Lane

    Hola!! estuve observando al menos unas 2 horas en la nube esta manyana
    y no vi nada tan fantastico como tu post. Me ha entretenido mucho el modo que
    gastas al escribir imagino que es lo que me ha llegado.
    En mi humilde opinion, si casi todos los propietarios de webs expusieran este tipo de textos, Internet seria
    mucho mas practico. Espero que te mantengas de esta manera y siga viendo
    comentarios tan brutales como este.

  51. Jr Ilslotez

    las imagenes del post no se ven, seria genial si pudieras arreglarlo

  52. Delmar

    Hello there, You’ve done an incredible job. I will certainly
    digg it and personally suggest to my friends. I am sure they’ll be benefited from this website.

  53. 便秘に効くサプリおすすめ

    便秘改善には、水分を多目にとる事です。朝起きた直後にコップにいっぱいのミネラルウォーターを飲むと胃や腸が刺激され便意が起こりやすくなります。ミネラルウォーターは1日、2lはかかさず飲みます。水分と言ってもお茶では効果が薄れるので純粋な水を飲みましょう。朝、ハーブティーを飲むのも胃腸の動きを活発にします。

  54. 水素水 効果

    面白い文章で楽しませてもらいました
    リズム良く読めるので、とっても勉強になりました。
    うちのブログでも同じような文章が書けるように参考にさせてもらいます。

    私のマイブームは水素水なんです。
    幼馴染の友人が変な水を常に持ち歩いて飲んでいるのを見て、わけを聞いたところからハマりました。
    おしっこが沢山出ると、なんか体の中から毒素が流れ出ている感じがして良い感じなんです!
    行動した作用が実感できるって大事なんだなと思っちゃいましたw

    それではまた覗きにきます。
    次の投稿も楽しみに待っています。

  55. Mauro

    Muy buen articulo para seguir sacando partido de la Analítica, muchas gracias Oriol.

5 Trackbacks For This Post

  1. Sin tiempo para escribir.148, Carrero | Carrero Says:

    [...] ¿Como funciona Google Tag Manager?. Trucos Google Analytics [...]

  2. Los 5 posts más leídos del 2012 en Trucos Google Analytics Says:

    [...] ¿Como funciona Google Tag Manager?_kmq.push(["trackClickOnOutboundLink","link_50d1a57878a9c","Article link clicked",{"Title":"u00bfComo funciona Google Tag Manager?","Page":"Los 5 posts mu00e1s leu00eddos del 2012 en Trucos Google Analytics"}]); – Uno de los posts con más repercusión de éste año ha sido el anunció del tag manager de Google que, aunque se publicó el 1 de Octubre, está en cuarta posición, muy cerca de la tercera. Twittear_kmq.push(["trackClickOnOutboundLink","link_50d1a5787926b","Article link clicked",{"Title":"Twittear","Page":"Los 5 posts mu00e1s leu00eddos del 2012 en Trucos Google Analytics"}]); // [...]

  3. Como mejorar el entorno del Analista Web en 2013 « Nancy Guillén Says:

    [...] ¿Como funciona Google Tag Manager? [...]

  4. Google Tag Manager: Qué es y para qué sirve Says:

    [...] por último, para que podáis empezar desde ya a implementarlo, os dejo un tutorial de Oriol Farré  sobre cómo empezar con la instalación. Más adelante iremos publicando aquí cómo exprimirlo al [...]

  5. Google Tag Manager Says:

    [...] Vía: trucosgoogleanalytics.com  [...]

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>