Guía para aprender a utilizar Google Tag mánager y dirigir todas las etiquetas de mi web o bien blog simplemente.
Hoy nos encaramos a un reto arduamente complicado, explicar de forma sencilla, amena y rápida el funcionamiento de la herramienta Google Tag Manager. Y ¿por qué lo pintamos tan complicado? La verdad que una vez que le coges el truquito podremos facilitar mucho nuestro trabajo, pero hasta llegar a ese punto nos volveremos locos hasta dar con la tecla adecuada.
¡Pero de ahí que estamos aquí! Para facilitaros la gestión de la herramienta y daros ciertas claves y consejoscon los que podremos recabar muchos más datos y de una manera mucho más fácil que hasta ahora.
Así que comencemos con nuestra breve guía sobre cómo usar la conocida herramienta de etiquetas de Google en Wordpress, Google Tag Mánager. Y es que merced a esta herramienta vamos a poder aglutinar todas y cada una de las etiquetas de nuestra web, en tan sólo una plataforma sin precisar tener que introducir cada código por separado o bien tener que instalar diferentes pluggins para su adecuado funcionamiento.
¡COMENCEMOS! ¿Qué es Google Tag Mánager?
Pues bien, Google Tag Manager es la solución terminante del buscador para introducir de forma centralizada todas las etiquetas que has ido añadiendo a tu web con el tiempo. En lugar de tener que pegar mil códigos de trackeo en tu web, ahora sólo tendrás que introducir uno ( el de Google Tag Manager) y, además, podrás olvidarte de los complementos que te ayudaban a configurar dichas etiquetas.
Es decir, es una forma de unir todas las etiquetas bajo una sola herramienta. Como bien dirían los mosqueteros… ¡Una para todos y todos para una! Es, a grandes rasgos, lo que pretende Google con esta herramienta gratis.
Más o menos ya te puedes orientar por dónde van los tiros ¿no? Puesto que continuemos…
¿Qué ventajas me ofrece Google Tag Manager?
Lo primero que pensarás es por qué tendré que meterme en líos, si sólo tengo una etiqueta instalada en mis web o bien blog... no me afirmes más… ¡Google Analytics!
Bajo nuestra opinión creemos que todo este tema de las etiquetas cada vez va cogiendo más relevancia, si no tenía ya de por sí. Y es que cada vez es más habitual que herramientas externas nos fuercen a introducir código.
Dejando pasar Analytics, hay muchas herramientas que para que funcionen correctamente te obligan a insertar a capón o bien a través de plugins, el dichoso código de trackeo. ¿Has empleado alguna vez Hotjar o bien otras herramientas de mapas de calor? Pues a fin de que funcionen y puedas conseguir los datos que buscas, necesitas insertar un código. ¿Conoces Pinterest? Puesto que ahora para reclamar tu página web en la plataforma social, precisas meter un código de trackeo. ¿Has empleado alguna vez la herramienta Sumo? Para realizar el trackeo precisas insertar un código también…
Pues ahora podemos centralizar todas y cada una estas etiquetas y lograr muchas más ventajas con Google Tag Manager:
Centralizaciónde todas y cada una de las etiquetas tanto de herramientas externas como de Google. ¡Una para todas y cada una y todas y cada una para una! No precisas ser un especialista programadorpara poder trackear o bien medir tus resultados. Gracias a esta estupenda guía serás capaz de medir tus resultados desde Tag Manager Saneamos el código de la páginaya que sólo necesitaremos 1 etiqueta y no multitud de ellas. Inclusive, la velocidad de carga de nuestra página web en wordpress puede bajar. - La validación del marcado es mucho más fácil gracias a la
“Vista Preliminar”. Gracias a ella podrás revisar si has insertado adecuadamente las etiquetas y evitará errores que nos hagan perder horas, días o semanas de trackeo. - Permite que generemos la activación de eventos gracias a diferentes elementos HTML, usando propiedades como el ‘
ID’ o el ‘ Class’. - El interfaz nos deja que trabajemos bajo la misma cuenta y sin pisarnos. No habrá problemas ni peleas entre los diferentes departamentos que estemos trabajando en el trackeo de los resultados, merced a la posibilidad de crear
distintas áreas de trabajo. - Al ser un
producto de Googlela integración con otras herramientas del buscador es muy sencilla y eficiente. - La facilidad en el control de las
versiones publicadas, lo que nos permite corregir fallos en un santiamén sin necesidad de explotarnos la cabeza.
Y si todo esto fuera poco, facilitas el rastreo a Googlediseño web presupuesto online >. Así sea por el hecho de que es su herramienta, por el hecho de que facilitas código o porque unificas tus etiquetas en una sola, pero lo que está claro que cuanto más fácil se lo pongamos al buscador mejor nos irá en.
Conceptos necesarios para el empleo y comprensión de Google Tag Manager
A modo de entender mejor el funcionamiento de GTM vamos a delimitar brevemente los conceptos más utilizadosen la herramienta, que son:
Contenedor. Se refiere a la propia web, aplicación en Android o en iOS o página de AMP. Esto es, dónde vamos a insertar el código de GTM. Espacios de Trabajo. Estos nos permiten que múltiples equipos puedan estar trabajando bajo la misma cuenta de Google Tag Manager, de manera independiente y sin pisarse entre ellos. Etiquetas o bien Tags. Son el epicentro de GTM. Son las porciones de código que debes introducir en la página web cuando haya sucedido una acción determinada (activadores) Activadores o bien Triggers. Son los eventos que hacen que una etiqueta se active. Las etiquetas siempre y en toda circunstancia deben ir asociadas a un activador que ejecute nuestro tag. Variables. Son los marcos que pueden ser incesantes o variables y que delimitarán según la que escojamos, las restricciones de nuestro trackeo.
Como podéis ver los conceptos primordiales no son difíciles de entender y nos facilitarán mucho el trabajo. Ahora, ¡vamos al lío!
Cómo comenzar a usar Google Tag Manager
Ahora que ya sabemos algo más de la herramienta GTM, vamos a meternos en faena. Lo primero que debemos hacer es crearnos una cuenta. Para ello debemos ingresar en la web de GTM () y seguir los pasos que nos van marcando.
Una vez nos hallemos en el interfaz de la herramienta comenzaremos con una pantalla como esta:
Configuraremos nuestra cuenta empezando por el nombre de nuestra empresa, negocio, web o bien weblog y el país donde radicamos. Respecto a compartir la información de terceros con Google ya os lo dejamos a vuestra elección (no es un punto que nos vaya a influir en nuestra configuración).
Continuamos configurando el Contenedor, donde deberemos incluir nuestro dominio (sin incluir el protocolo http o bien https) y elegir el contenedor o los contenedores que queremos trackear. Podréis elegir entre Web, iOS, Android o AMP, e inclusive podéis escoger tantos contenedores como queráis, cada uno tendrá su código que será el que vamos a deber introducir en nuestra página web, app o bien en nuestra versión de AMP. Todo al gusto y necesidad del consumidor.
Tras haber configurado el contenedor ya tendremos nuestra cuenta activa. El siguiente paso es la inserción en la web del código mejor agencia inbound marketing españa facilita GTM.
Inserción del código de GTM en nuestra página web o bien blog
Para la inserción del código en nuestra web o weblog tenemos dos opciones: insertar el código directamenteen nuestro < head> y < body> o bien usar un plugginque nos ayudará a su correcta sincronización.
Nuestra recomendación es que si no sois muy apañados con el código optéis por la inserción con plugin, en tanto que os facilitará la vida enormemente. Cualquiera de las 2 opciones es buena y nos ofrece lo que precisamos, centralizar todas nuestras etiquetas en una sola.
Para hacéroslo un poco más fácil, precio posicionamiento web lugo es muy sencillo de configurar. Tan sólo deberás insertar el ID de tu código( *subrayado en azul en la fotografía) y también te recomendamos activar la opción de Contact Form siete en la pestaña de Integración del propio complemento, en tanto que el dataLayer podrá así incluir el envío de formularios como evento (ya vamos a entrar en profundidad en otro artículo).
Una vez insertado el código en nuestra web o bien weblog, ya podremos empezar con las pruebas de trackeo. Recuerda que podrás probar tus resultados y la activación de tus etiquetas con la vista preliminar. Para ello sólo deberás activarla, irte a tu dominio y refrescar tu página web. Entonces se te desplegará un cuadro en la parte inferior de tu pantalla en el que podremos ver que etiquetas tenemos insertadas y como se van activando, en dependencia de si se activan tras una acción, un tiempo determinado o bien sencillamente, se activan al entrar en la página.
Otro de nuestros truquillos es comprobar la inserción de nuestras etiquetas y código con la extensión de Google Chrome: Google Tag Assistant(puedes descargarla gratis pinchando).
Si ya hemos insertado nuestro código y hemos comprobado que todo funciona adecuadamente, ya podemos empezar a crear nuestras etiquetas, activadores y variables.
Instalar Analytics con Tag Manager
El primer paso de todos es crear una variable, así que nos marchamos al apartado de variables donde podréis ver que ya existen un número de variables integradas (te las da GTM por defecto y más tarde las utilizaremos para nuestro trackeo) y un cuadro sin variable con un botón de NUEVA. Pinchamos en él y elegimos la opción de configuración de google Analytics.
Esta incesante nos ayudará a aplicar una varible a fin de que GTM sepa que en la etiqueta que corresponda deberá aplicarla para todas y cada una de las páginas que tengan insertado el código de Analytics.
Por todo ello creamos nuestra nueva variable. Le otorgamos un nombre ( hemos optado por ConstanteGA) y seleccionamos la opción de Configuración Google Analytics(remarcada en la fotografía adjunta). Introducimos la ID de seguimiento de nuestro código de Analytics y guardamos.
Ya tenemos nuestra variable, ahora debemos ir al apartado de etiquetas para crear nuestra primera etiqueta. Nosotros hemos optado por Páginas Vistas, mas cada uno de ellos puede configurar aquellas etiquetas que más pueda necesitar.
En nuestro caso deseamos controlar todas las páginas vistas desde Analytics con lo que escogemos como tipo de etiqueta, Google Analytics – Universal Analytics.
Después establecemos género de seguimiento “Páginas vistas” y como Configuración de Analytics nuestra constante marcada como variable ConstanteGA. A fin de que la etiqueta funcione debemos insertar un activador, que en nuestro caso será All Pagespara asegurarnos de que se activa en todas y cada una de las páginas de nuestra web.
Una vez nombremos nuestra etiqueta ya podremos guardarla y ver si se activa apropiadamente merced a la Vista Preliminar. De ser así, publica tu nueva versión y … ¡A trackear!
Seguimiento del porcentaje de Rebote
La instalación de Analytics a través de Tag Mánager no es lo único que podemos trackear merced a dicha herramienta, a nosotros nos agrada mucho trackear el Bounce Rate. En tanto que no sólo me dice si los usuarios están el tiempo que deberían en la página, sino además gracias a esta etiqueta vamos a poder reducir nuestro porcentaje de rebotehasta límites insospechados.
¿Cómo lo logramos?Pues al establecer un límite de tiempo, esta etiqueta siempre y en todo momento se activará pasados los segundos estipulados, esto quiere decir que Google Analytics ya puede recoger todos los datos sin precisar que el usuario visite 2 o más páginas de nuestra página web.
Para su correcta activación, primero debemos crear el activador. Escogeremos el género de activador, Temporizador(la última opción). Entonces nombramos el acontecimiento y establecemos un intervalo de milisegundos (veinte en nuestro caso para contabilizar los usuarios que se quedan cuando menos 20 segundos en la página).
Por último debemos establecer la regla para cuando queremos que se active, por lo que estableceremos que se active para Page URL (urls de nuestra web) que coincidan con la expresión regular .* (todas y cada una de las páginas de mi web). También puedes elegir otros comandos para estudiar el porcentaje de rebote de determinadas categorías, landings o lo que necesites.
Guardamos y nos marchamos a etiquetas. Aquí vamos a crear una nueva con una etiqueta de Google Analytics – Universal Analyticsque configuraremos con un seguimiento de Acontecimiento y una configuración de GA de nuestra constante (ConstanteGA). Rellenaremos el resto de datos con las mismas expresiones que nuestro objetivo de Analyticsy marcamos la activación con el activador que terminamos de crear.
De esta forma ya vamos a tener nuestra etiqueta de Bounce Rate y vamos a poder medir el porcentaje de rebote de nuestras páginas mucho más certeramente.
Cuando vayamos a revisar si la etiqueta se activa en nuestro dominio, deberemos aguardar el tiempo estipulado para que se active dicha etiqueta. Si todo es adecuado, publica tu nueva versión y desciende tu Porcentaje de Rebote.
Conclusiones
Podríamos proseguir eternamente marcando nuevas etiquetas como los clicks en teléfono, los formularios de contacto, los clics en determinados botones de nuestro interés o bien inclusive, trackear códigos de herramientas externas. Sea como fuera, GTM nos semeja una herramienta completísima que nos ayudará a centralizar todas y cada una nuestras etiquetas desde una herramienta intuitiva y de fácil gestión, una vez hayamos practicado un poco.
Estamos seguros que después de probarlo no querrás deshacerte de él, se ha convertido poquito a poco en una herramienta de empleo preciso para el estudio de la analítica web y el trackeo de datosen nuestro dominio o bien app.
Esperamos que con este post se os haga más soportable la inserción de las etiquetas en la página web y además, hayamos resuelto vuestras dudas. Aunque si aún os queda alguna en el tintero, podéis escribirnos y vamos a estar encantados de echaros una mano en cuanto podamos.
Desde nuestro equipo en goOne Marketing sólo te afirmaremos una cosa más:
¡Etiquetalízate con Google Tag Manager!
goOne, tu agencia de marketing on line en Madrid.
|