General, Caracter铆sticas Palbin

Google Tag Manager: Qu茅 es y c贸mo utilizarlo

Por Alba Asin Lecumberri Comentarios (1)
Google Tag Manager: Qu茅 es y c贸mo utilizarlo

隆Cu谩ntas veces has querido incluir un c贸digo HTML o un script en tu tienda online y no has sabido c贸mo hacerlo, d贸nde colocarlo o c贸mo hacer que se muestre s贸lo en el momento exacto? Para facilitarnos esa tarea a todos los usuarios de una p谩gina web, Google han lanzado su nueva aplicaci贸n gratuita Google Tag Manager.

En este post, te vamos a explicar c贸mo sacarle el mayor rendimiento a esta herramienta de Google que puede salvarnos de tantos problemas, qu茅 es, para qu茅 sirve, como crearla, y como implementarla en tu tienda online.


Qu茅 es Google Tag Manager y para qu茅 sirve

Google Tag Manager es una de las 煤ltimas herramientas de marketing gratuitas que ha creado Google y que act煤a como un administrador de etiquetas que una vez incorporado a tu p谩gina web podr谩s usar para desplegar tantas etiquetas (o scripts) como te sea necesario sin tener que acceder al c贸digo fuente de tu p谩gina web. Dicho de otra forma, Google Tag Manager es como una especie de contenedor (que configuro en mi web) en donde puedo introducir posteriormente todos los fragmentos de c贸digo (o etiquetas, o scripts) que necesite sin tener que ped铆rselo al desarrollador de la web.

Google tag manager en palbin

Si nos metemos un poco m谩s en sus entra帽as, y para entender un poquito m谩s en detalle c贸mo funciona Google Tag Manager es necesario conocer sus cinco elementos fundamentales: cuentas, contenedores, etiquetas, activadores y variables. Estos elementos est谩n relacionados entre s铆 de la siguiente forma:

Un email de Google puede tener acceso a una o m谩s cuentas de Google Tag Manager, que a su vez pueden tener uno o m谩s contenedores, en donde se insertan las etiquetas que hacen uso de activadores y variables para saber cu谩ndo lanzarlas y con qu茅 datos.

Estructura de google tag manager

Cuenta de Google Tag manager

La cuenta de Google Tag Manager es el lugar en el que se centralizar谩 toda la informaci贸n del resto de elementos. Podremos reconocerla f谩cilmente puesto que tiene un identificador 煤nico (ID). Para crearla solo necesitamos un correo electr贸nico de gmail desde la que hacerlo. Adem谩s, podemos tener varias cuentas de GTM enlazadas al mismo gmail que aparecer谩n en un listado dentro del panel de Tag Manager.

cuenta en google tag manager

Ejemplo del interior de una cuenta de Google Tag Manager

Contenedor de Google Tag Manager

Los contenedores son las 谩reas de trabajo que funcionan en base a las etiquetas, activadores y variables y te permiten clasificar la informaci贸n de tu GTM ya que podemos encontrar varios contenedores dentro de la misma cuenta de Google Tag manager.

Esto es algo muy 煤til para aquellas agencias de marketing o propietarios de empresas que gestionan varias tiendas online ya que les permite gestionar todos sus proyectos desde un mismo panel de GTM creando un contenedor para cada una de ellas.

contenedores en google tag manager

Ejemplo de contenedores de Google Tag Manager

Etiquetas de Google Tag Manager

Las etiquetas son los fragmentos de c贸digo que queremos incluir en la tienda online para realizar la medici贸n o acci贸n deseada. Pueden crearse mediante plantillas b谩sicas que facilita el propio Google Tag Manager o de forma personalizada en base a las variables de cada tienda y el comportamiento que queremos que tengan.

etiquetas en google tag manager

Ejemplo de Etiqueta (c贸digo script) del Pixel de Facebook

Activadores o Triggers de Google Tag manager

Los activadores son las condiciones o caracter铆sticas que tienen que suceder para que una etiqueta se lance. Algunos ejemplos podr铆an ser desde visitar una p谩gina concreta, hasta hacer click en un bot贸n, o incluso haber a帽adido un producto al carrito

activadores en google tag manager

Ejemplo de trigger de evento personalizado para A帽adir al carrito en una tienda online de Palbin

Variables de Google Tag Manager

Las variables son aquellos valores espec铆ficos o din谩micos de cada p谩gina que se utilizan tanto en activadores como etiquetas para obtener el resultado esperado. Esta es una de las partes m谩s complejas puesto que si tienes conocimientos inform谩ticos puedes llegar a utilizar hasta c贸digo Javascript en ellas.

variables en google tag manager

Ejemplo de variable de capa de datos con referencia a un javascript personalizado para extraer informaci贸n de Analytics Ecommerce Mejorado

Ejemplos de utilidades

Pero, despu茅s de toda esta teor铆a seguro que algunos de vosotros os est谩is preguntando, 驴esto para qu茅 podemos utilizarlo?

El contenedor de Google Tag Manager tiene infinitos usos. El principal de ellos es unificar y aglomerar los c贸digos externos m谩s imprescindibles a nivel de marketing como son:

  • Google Analytics con Ecommerce mejorado: En lugar de tener que introducir el c贸digo de Google Analytics dentro de nuestra tienda online directamente, podemos incluirlo dentro de Google Tag Manager.
  • Seguimiento de conversiones Google Ads: De igual forma que en el caso anterior, podemos incluir los c贸digos de seguimiento que nos facilita Google tras la configuraci贸n de las conversiones desde nuestro panel de Google Ads en Tag Manager en lugar de en nuestra tienda online directamente.
  • Pixels de seguimiento de Facebook Ads: Cuando hacemos campa帽as de publicidad en esta red social, Facebook nos facilita un c贸digo que debemos incluir en unas p谩ginas concretas de la tienda online para identificar las visitas y/o ventas que proceden de esos anuncios. Gracias a Google Tag Manager podemos incorporar el c贸digo dentro de nuestro contenedor.
  • Facebook chat: Otro de los usos m谩s frecuentes ser铆a para implementar un chat dentro de la tienda online ya que esta es una herramienta de marketing muy potente para una tienda online. Uno de los m谩s utilizados suele ser el de Facebook, pero el proceso ser铆a similar con cualquier chat externo simplemente incluyendo la etiqueta facilitada por esa plataforma.

plugins de google tag manager

Una de las grandes ventajas en Palbin, es que te permitimos instalar los scripts m谩s comunes (nosotros los llamamos plugins) con un 煤nico click de rat贸n!

Google Tag Manager tambi茅n permite muchos usos adicionales a estos como por ejemplo, hacer que se muestre una ventana emergente cuando un cliente ha seguido una ruta concreta de navegaci贸n en tu p谩gina, mover la etiqueta de conversiones de un lugar a otro, o hacer que aparezca un chat cuando el cliente pasa m谩s de X segundos en el proceso de compra.

Ventajas de Google Tag Manager

1- No necesitamos acceder al c贸digo fuente de la tienda para colocar un nuevo script: Gracias a Google Tag Manager podemos incluir cualquier c贸digo HTML dentro de una tienda online de forma m谩s r谩pida y segura sin necesidad de recurrir a que un inform谩tico tenga que acceder al c贸digo fuente e implementarlo en ella. Adem谩s, podemos escoger exactamente el lugar en el que queremos colocarlo y cu谩ndo queremos que se ejecute utilizando las etiquetas, activadores y variables.

2- Evitas incluir c贸digos externos en tu tienda: Cada vez que incluimos un c贸digo externo dentro del c贸digo HTML de una p谩gina estamos asumiendo un riesgo muy importante ya que puede que ese c贸digo entre en conflicto con otros que se encuentran en ella y por tanto deje de funcionar correctamente.

2- Centralizas todo en una misma herramienta: Si en el futuro deseas realizar alg煤n cambio dentro del script que hab铆as incluido podr谩s hacerlo todo en Google tag Manager directamente, en lugar de ir revisando el c贸digo fuente de tu web hasta dar con el c贸digo que deseas cambiar o eliminar.

3- Posible mejora de velocidad de carga en la web: Dependiendo de si utilizas muchos scripts o s贸lo unos pocos, es posible que se vea un incremento de velocidad (si usas muchos) al centralizarlos todos a trav茅s de un 煤nico script (el de GTM) que de forma retardada carga el resto. Sin embargo esto depende de cada caso particular y no es totalmente seguro.

C贸mo se crea una cuenta de Google Tag Manager

Crear una cuenta de Tag Manager es muy sencillo. Solo debes acceder a Google Tag Manager Login

Al hacerlo ver谩s una pantalla similar a esta con dos pasos. En Configurar cuenta debes indicar el nombre, el pa铆s de localizaci贸n y a hacer click en Continuar.

Recuerda que luego podr茅is crear varios contenedores dentro de ella por lo que no es necesario que el nombre coincida con el de la tienda.

como crear cuenta en google tag manager

En el segundo paso nos pide configurar el contenedor y especificar d贸nde se va a utilizar el contenedor: en un sitio web, iOs, Android o AMP.

En el caso de una tienda online, deb茅is marcar sitio web y nuestra recomendaci贸n es que indiqu茅is como nombre del contenedor el dominio de la tienda para identificarla m谩s f谩cilmente.

2潞 paso crear cuenta GTM

Despu茅s aceptamos el Acuerdo de Condiciones de Servicio de Google Tag Manager y ya tenemos creada nuestra cuenta de Google Tag Manager.

C贸mo instalar Google Tag Manager en tu tienda online en Palbin

Una vez creada la cuenta de Tag Manager, conectarla con tu tienda online de Palbin.com es muy sencillo puesto que desde palbin nuestro equipo de desarrollo ha realizado una integraci贸n para que 煤nicamente tengas que hacer los siguientes pasos:

Acceder a [Configuraci贸n > Aplicaciones Extra] y Contratar a aplicaci贸n de Google Tag manager.


Una vez hayas contratado la aplicaci贸n, ver谩s

como instalar google tag manager en tienda online

que aparece una nueva opci贸n en el men煤 de Configuraci贸n > Aplicaciones Extra, con el nombre de Google Tag Manager. En el futuro, siempre que quieras realizar alguna configuraci贸n, podr谩s hacerlo desde all铆.

google tag manager en palbin

Si acced茅is a este men煤 ver茅is que lo 煤nico que necesit谩is para conectar vuestra tienda online a Google Tag Manager es hacer clic en la palabra "Conectar".

conectar gtm en palbin

Una vez hecho y concedidos los permisos a Palbin para que podamos integrar la cuenta de Google Tag Manager que acabas de crear con tu tienda online te aparecer谩 la siguiente pantalla en la que deber谩s elegir la cuenta de GTM, el contenedor que deseas conectar y hacer clic en "Guardar configuraci贸n" y... 隆listo!

gtm en palbin

Adem谩s, una de las grandes ventajas (que otras plataformas no tienen) al habernos facilitado los permisos a Google Tag manager, es que desde Palbin hemos configurado de forma gratuita los plugins (o scripts) m谩s utilizados (Google Analytics con ecommerce mejorado, Google Ads, Facebook Ads y Chat de Facebook), para que solo teng谩is que hacer click en Instalarlos y se implementen autom谩ticamente.

plugins de gtm en palbin

C贸mo se configura y c贸mo se utiliza

Sin embargo, si no ten茅is la tienda online con Palbin, el proceso es a煤n m谩s complejo, pero no imposible.

El primer paso es implementar el script que facilita Google Tag Manager dentro del c贸digo fuente de vuestra web siguiendo sus indicaciones de localizaci贸n.

configuraci贸n google tag manager

Una vez creada la cuenta de Google Tag Manager e implementado el c贸digo en tu tienda online, el siguiente paso es crear las etiquetas, activadores y variables.

implementar codigo de gtm

Por ejemplo, si queremos integrar un script dentro de la tienda online para que se muestre un chat dentro de la tienda online, hacemos click en "Nueva" y desde ah铆 indicaremos:

  • Nombre de la etiqueta: Donde colocaremos un nombre identificativo para que podamos reconocerla f谩cilmente en el futuro.
  • Tipo de elemento: Google Tag Manager nos ofrece algunos tipos de elementos de forma predefinida. Si el que nosotros queremos crear se encuentra entre ellos lo seleccionamos, si no est谩 en la lista podemos elegir "HTML personalizado" para que seamos nosotros quienes incluyamos una etiqueta HTML.
  • HTML: Una vez elegido el tipo de elemento deber谩s completar los datos que te solicita GTM. En el caso de HTML personalizado nos aparece un espacio para incluir el c贸digo HTML, pero en otros casos puede pedirte identificadores, etiquetas, valores鈥 necesarios para configurarlo.
  • Activaci贸n: Aqu铆 deber谩s elegir los activadores o triggers que har谩n que se lance la etiqueta que estamos creando.

poner chat con google tag manager

Una vez hecha toda esta configuraci贸n deb茅is hacer click en el bot贸n de "Guardar" para que los cambios se guarden dentro del contenedor de Google Tag manager y en "Publicar" para que se apliquen.

Adem谩s, una de las grandes ventajas de Google Tag Manager Ecommerce es que, m谩s all谩 del activador autom谩tico que ellos generan, tienes la posibilidad de crear nuevos activadores con multitud de posibilidades en funci贸n de las variables y los eventos de tu p谩gina para dise帽ar tus estrategias de marketing. Por ejemplo, puedes crear un activador que sea que se active el chat en el momento en el que el cliente pase m谩s de X segundos en un producto de la p谩gina, para as铆 preguntarle si tiene alguna duda.

Todo este proceso es mucho m谩s f谩cil en Palbin porque desde aqu铆 nosotros os damos una amplia variedad de variables y activadores creados e implementados dentro de la tienda online que pod茅is consultar en nuestra gu铆a de ayuda sobre c贸mo configurar Google Tag manager para utilizar en la creaci贸n de etiquetas de Tag Manager mientras que, en otras plataformas estos componentes deber铆ais implementarlas vosotros mismos para poder utilizarlas posteriormente.

Adem谩s, por supuesto, si quieres que nuestros t茅cnicos implementen alg煤n plugin, variable o activador adicional que vay谩is a utilizar en vuestras acciones de marketing, pod茅is contactar con nosotros y te lo desarrollaremos.

Google Tag Manager en las plataformas ecommerce

Sentimos comentarte que, si has llegado hasta este punto del art铆culo y no tienes tu tienda online con Palbin.com tenemos malas noticias para ti, puesto que la mayor铆a de las plataformas de comercio electr贸nico actuales tienen implementada una versi贸n muy b谩sica de GTM a un precio muy elevado (como ser铆a el caso de Shopify que solo lo incluye en su plan Shopify Plus con un precio m铆nimo de 2000$/mes) no tienen disponibles muchas de las funcionalidades de Tag Manager (como le sucede a Wix o Jimdo). o directamente no lo tienen disponible como Mabisy.

Concretamente, despu茅s de analizar las principales plataformas de comercio actuales, hemos preparado la siguiente tabla comparativa:

Plataforma Proceso configuraci贸n Precio Eventos integrados Variables integradas
Palbin Un click En Plan Profesional (10鈧/mes)
En Plan Premium (5鈧/mes)
A帽adir al carrito, a帽adir a wishlist,
realizar compra, ver producto, etc. M谩s info
Cliente, valor del pedido,
productos comprados, etc. M谩s info
Shopify Implementaci贸n manual del c贸digo Solo disponible para
Shopify Plus (A partir de 2000$/mes)
No tiene No tiene
Prestashop Addon adicional 69鈥99鈧 + 32鈧 si quieres asistencia t茅cnica No tiene No tiene
Bigcommerce Implementaci贸n manual del c贸digo Contratando a un inform谩tico que lo implemente No tiene No tiene
Mabisy No disponible No disponible No tiene No tiene
Wix Un click Incluido (sin versi贸n javascript) No tiene No tiene
Jimdo Implementaci贸n manual del c贸digo Contratando a un inform谩tico que lo implemente No tiene No tiene

Conclusi贸n

Google Tag Manager es la aplicaci贸n de Google ha dise帽ado para todos aquellos expertos en marketing digital que quer铆an implementar c贸digos dentro de una web sin necesidad de acceder al c贸digo fuente de la misma ni recurrir a sus desarrolladores. Para ello, solo hay que crear una cuenta, configurar un contenedor en ella e incluir el script en 茅l.


Una vez hecho, por medio de las etiquetas, variables y activadores o triggers que se habr谩n implementado previamente en la tienda online, adem谩s de conseguir la certificaci贸n de Google Tag Manager ;), conseguir谩s que esos plugins se muestren en el lugar y momento deseado.


*Nota para usuarios de Palbin: En el caso de que s贸lo utilices Google Analytics y Google Adwords, no es necesario que utilices esta herramienta, porque ya vienen integradas de forma separada (como aplicaciones Extra) en todas nuestras tiendas ;)

驴Qui茅res mejorar tu e-commerce?
x
Academia digital

脷nete a nuestra Academia Digital y recibe los mejores trucos y consejos sobre Comercio Electr贸nico y Marketing Digital dir茅ctamente en tu correo.

Recibir谩s un email para confirmar tu suscripci贸n.

Comentarios


Ordenar por:
  • Date
#4049 Pradeep dice:

Hadn't had a clarity before about google Tag manager before reading this blog, now got some idea and will apply this my web. Thanks for sharing a useful blog.


Deja un Comentario

Tu email no ser谩 publicado


漏2020 Siokia SL | Palbin.com: Crea tu tienda en dos pasos, 1 y 2. Condiciones de uso y Pol铆tica de privacidad