Guía para aprender a usar Google Tag manager y regentar todas las etiquetas de mi web o bien weblog simplemente.
Hoy nos enfrentamos a un reto arduamente complicado, explicar de forma sencilla, entretenida y rápida el funcionamiento de la herramienta Google Tag Manager. Y ¿por qué lo pintamos tan complicado? posicionamiento web coruña el truquito vamos a poder facilitar mucho nuestro trabajo, mas hasta llegar a ese punto nos volveremos locos hasta dar con la tecla correcta.
¡Pero por eso estamos aquí! Para facilitaros la gestión de la herramienta y daros algunas claves y consejoscon los que podremos recabar muchos más datos y de una forma mucho más fácil que hasta ahora.
Así que empecemos con nuestra breve guía sobre cómo utilizar la conocida herramienta de etiquetas de Google en Wordpress, Google Tag Manager. Y es que merced a esta herramienta podremos aglutinar todas y cada una de las etiquetas de nuestra web, en tan sólo una plataforma sin precisar tener que insertar cada código separadamente o bien tener que instalar diferentes pluggins para su correcto funcionamiento.
¡COMENCEMOS! ¿Qué es Google Tag Manager?
Pues bien, Google Tag Mánager es la solución terminante del buscador para introducir de manera centralizada todas y cada una de las etiquetas que has ido añadiendo a tu web con el tiempo. En vez de tener que pegar mil códigos de trackeo en tu página web, ahora sólo tendrás que insertar 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 bien menos ya te puedes orientar por dónde van los tiros ¿no? Puesto que continuemos…
¿Qué ventajas me ofrece Google Tag Mánager?
Lo primero que pensarás es por qué voy a tener que meterme en líos, si sólo tengo una etiqueta instalada en mis web o blog... no me digas 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 frecuente que herramientas externas nos obliguen a introducir código.
Dejando pasar Analytics, hay muchas herramientas que para que funcionen apropiadamente te obligan a insertar a capón o bien a través de plugins, el dichoso código de trackeo. ¿Has utilizado alguna vez Hotjar o bien otras herramientas de mapas de calor? Pues para que funcionen y puedas conseguir los datos que buscas, necesitas insertar un código. ¿Conoces Pinterest? Pues ahora para reclamar tu web en la plataforma social, necesitas meter un código de trackeo. ¿Has empleado alguna vez la herramienta Sumo? Para realizar el trackeo necesitas introducir un código también…
Pues ahora podemos centralizar todas estas etiquetas y conseguir 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 todas para una! No precisas ser un experto programadorpara poder trackear o 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 web en wordpress puede bajar. - La validación del marcado es mucho más fácil merced 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 bien semanas de trackeo. - Permite que generemos la activación de acontecimientos merced a diferentes elementos HTML, utilizando propiedades como el ‘
ID’ o bien el ‘ Class’. - El interfaz nos deja que trabajemos bajo exactamente la misma cuenta y sin pisarnos. No habrá problemas ni peleas entre los diferentes departamentos que estemos trabajando en el trackeo de los resultados, gracias a la posibilidad de crear
distintas áreas de trabajo. - Al ser un
producto de Googlela integración con otras herramientas del buscador es sencillísima y eficaz. - La facilidad en el control de las
versiones publicadas, lo que nos deja corregir errores en un santiamén sin precisar explotarnos la cabeza.
Y si todo esto fuera poco, facilitas el rastreo a Google. Ya sea porque es su herramienta, porque simplificas código o pues agrupas 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 comprender mejor el funcionamiento de GTM vamos a acotar escuetamente los conceptos más utilizadosen la herramienta, que son:
Contenedor. Se refiere a la propia web, aplicación en Android o en iOS o bien página de AMP. Es decir, dónde vamos a introducir 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 Mánager, de forma independiente y sin pisarse entre ellos. Etiquetas o Tags. Son el epicentro de GTM. Son las porciones de código que tienes que insertar en la web cuando haya sucedido una acción determinada (activadores) Activadores o Triggers. Son los eventos que provocan que una etiqueta se active. magento precio siempre y en todo momento deben ir asociadas a un activador que ejecute nuestro tag. Variables. Son los marcos que pueden ser incesantes o bien variables y que delimitarán según la que escojamos, las limitaciones de nuestro trackeo.
Como podéis ver los conceptos principales no son complicados de entender y nos facilitarán mucho el trabajo. Ahora, ¡vamos al lío!
Cómo comenzar a utilizar Google Tag Manager
Ahora que ya sabemos algo más de la herramienta GTM, vamos a meternos en faena. La primera cosa que debemos hacer es crearnos una cuenta. Para ello debemos ingresar en la página web de GTM () y continuar los pasos que nos van marcando.
Una vez nos hallemos en la 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 bien los contenedores que queremos trackear. Podréis escoger entre Web, iOS, Android o bien AMP, e inclusive podéis elegir tantos contenedores como queráis, cada uno de ellos tendrá su propio código que será el que vamos a deber introducir en nuestra página web, app o en nuestra versión de AMP. Todo al gusto y necesidad del consumidor.
Tras haber configurado el contenedor ya vamos a tener nuestra cuenta activa. El próximo paso es la inserción en la web del código que nos facilita GTM.
Inserción del código de GTM en nuestra web o bien blog
Para la inserción del código en nuestra página web o bien blog tenemos dos opciones: insertar el código directamenteen nuestro < head> y < body> o bien emplear un plugginque nos ayudará a su adecuada 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 y cada una nuestras etiquetas en una.
Para hacéroslo un poco más fácil, nosotros hemos probado el pluginque es sencillísimo 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 plugin, ya que el dataLayer podrá así incluir el envío de formularios como acontecimiento (ya entraremos en profundidad en otro artículo).
Una vez insertado el código en nuestra página web o bien blog, ya vamos a poder comenzar 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 vamos a poder 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 simplemente, se activan al entrar en la página.
Otro de nuestros trucos 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 correctamente, ya podemos comenzar a crear nuestras etiquetas, activadores y variables.
Instalar Analytics con Tag Manager
El primer paso de todos es crear una variable, así que nos vamos al apartado de variables donde podréis ver que ya existen un número de variables integradas (te las da GTM por defecto y posteriormente 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 constante nos ayudará a aplicar una varible para 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 damos un nombre (nosotros hemos optado por ConstanteGA) y escogimos la opción de Configuración Google Analytics(remarcada en la foto anexa). 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, pero cada uno de ellos puede configurar aquellas etiquetas que más pueda precisar.
En nuestro caso deseamos monitorizar todas las páginas vistas desde Analytics con lo que elegimos 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 las páginas de nuestra página web.
Una vez nombremos nuestra etiqueta ya podremos guardarla y ver si se activa apropiadamente gracias 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 gracias a dicha herramienta, a nosotros nos agrada mucho trackear el Bounce Rate. Puesto que no sólo me dice si los usuarios están el tiempo que deberían en la página, sino que 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 se activará pasados los segundos estipulados, esto desea decir que Analytics ya puede recoger todos los datos sin precisar que el usuario visite 2 o más páginas de nuestra web.
Para su correcta activación, primero debemos crear el activador. Elegiremos el género de activador, Temporizador(la última opción). Entonces nombramos el evento y establecemos un intervalo de milisegundos (20000 en nuestro caso para contabilizar los usuarios que se quedan cuando menos 20 segundos en la página).
Por último tenemos que establecer la regla para cuando deseamos que se active, con 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 seleccionar otros comandos para estudiar el porcentaje de rebote de ciertas categorías, landings o bien lo que necesites.
Guardamos y nos vamos a etiquetas. Aquí crearemos 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 exactamente las mismas expresiones que nuestro objetivo de Analyticsy marcamos la activación con el activador que terminamos de crear.
De esta manera ya tendremos nuestra etiqueta de Bounce Rate y podremos medir el porcentaje de rebote de nuestras páginas mucho más acertadamente.
Cuando vayamos a revisar si la etiqueta se activa en nuestro dominio, vamos a deber esperar el tiempo estipulado para que se active dicha etiqueta. Si todo es correcto, publica tu nueva versión y desciende tu Porcentaje de Rebote.
Conclusiones
Podríamos seguir eternamente marcando nuevas etiquetas como los clicks en teléfono, los formularios de contacto, los clics en ciertos botones de nuestro interés o bien inclusive, trackear códigos de herramientas externas. Sea como fuera, GTM nos parece una herramienta completísima que nos ayudará a centralizar todas 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 uso necesario para el estudio de la analítica web y el trackeo de datosen nuestro dominio o bien aplicación.
Esperamos que con este blog 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 lo que 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 en línea en la capital española.
|