Guía para usar Google Tag Mánager en Wordpress
Guía para aprender a utilizar Google Tag mánager y dirigir todas y cada una de las etiquetas de mi web o weblog sencillamente.
Hoy nos encaramos a un reto duramente 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 en el momento en que le coges el truco podremos facilitar mucho nuestro trabajo, pero hasta llegar a ese punto nos volveremos locos hasta dar con la tecla adecuada.
¡Pero por eso 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 forma mucho más fácil que hasta el momento.
Así que comencemos con nuestra breve guía sobre cómo utilizar la famosa herramienta de etiquetas de
Google en Wordpress, Google Tag Mánager. Y es que gracias a esta herramienta vamos a poder
aglutinar todas y cada una de las etiquetas de nuestra web, en tan sólo una plataforma sin necesidad de tener que insertar cada código por separado o tener que instalar diferentes pluggins para su correcto funcionamiento.
¡COMENCEMOS! ¿Qué es Google Tag Mánager?
Pues bien, Google Tag Manager es la solución definitiva del buscador para insertar de forma centralizada todas y cada una de 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 asistían 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 weblog... no me afirmes más… ¡Google Analytics!
Bajo nuestra opinión pensamos que todo este tema de las etiquetas cada vez va cogiendo más importancia, si no tenía ya de por sí. Y es que es cada vez más frecuente que herramientas externas nos fuercen a insertar código.
Dejando pasar Google Analytics, hay muchas herramientas que para que funcionen correctamente te
obligan a insertar a capón o 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 a fin de que funcionen y puedas conseguir los datos que buscas, precisas introducir un código. ¿Conoces Pinterest? Puesto que ahora para demandar tu página web en la plataforma social, precisas meter un código de trackeo. ¿Has utilizado alguna vez la herramienta Sumo? Para efectuar el trackeo precisas insertar 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 las etiquetas tanto de herramientas externas como de Google. ¡Una para todas y cada una y todas y cada una para una!
No necesitas 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. empresas marketing online españa , 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 comprobar si has insertado apropiadamente las etiquetas y evitará errores que nos hagan perder horas, días o bien semanas de trackeo. - Permite que generemos la activación de eventos merced a diferentes elementos HTML, usando propiedades como el ‘
ID’ o bien el ‘
Class’. - El interfaz nos permite que trabajemos bajo la misma cuenta y sin pisarnos. No habrá inconvenientes ni riñas 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 eficiente. - La facilidad en el control de las
versiones publicadas, lo que nos permite corregir fallos en un santiamén sin precisar explotarnos la cabeza.
Y si todo esto fuera poco,
facilitas el rastreo a Google. Así sea pues es su herramienta, porque simplificas código o bien por el hecho de que unificas todas tus etiquetas en una, mas lo que está claro que cuanto más fácil se lo pongamos al buscador
mejor nos irá en.
Conceptos necesarios para el uso y comprensión de Google Tag Manager
A modo de comprender mejor el funcionamiento de GTM vamos a acotar 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 bien página de AMP. Es decir, dónde vamos a introducir el código de GTM.
Espacios de Trabajo. Estos nos dejan que varios equipos puedan estar trabajando bajo exactamente 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 debes introducir en la página web cuando haya sucedido una acción determinada (activadores)
Activadores o bien Triggers. Son los eventos que provocan 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 elijamos, las restricciones de nuestro trackeo.
Como podéis ver los conceptos principales no son difíciles de comprender y nos facilitarán mucho el trabajo. Ahora, ¡vamos al lío!
Cómo empezar a utilizar 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. diseñador de web esto debemos ingresar en la web de GTM () y seguir los pasos que nos van marcando.
Una vez nos hallemos en la interfaz de la herramienta comenzaremos con una pantalla como esta:
agencia seo galicia de nuestra empresa, negocio, web o bien weblog y el país donde residimos. Con 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 deseamos trackear. Podréis seleccionar entre Web, iOS, Android o AMP, e inclusive podéis elegir tantos contenedores como queráis, cada uno tendrá su propio código que será el que vamos a deber introducir en nuestra web, aplicación o bien 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 siguiente paso es la inserción en la página web del código que nos 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 página web o bien blog tenemos 2 opciones:
insertar el código directamenteen nuestro <
head> y <
body> o utilizar 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, puesto que os facilitará la vida enormemente. Cualquiera de las dos opciones es buena y nos ofrece lo que necesitamos, centralizar todas nuestras etiquetas en una sola.
Para hacéroslo un poquito más fácil, nosotros hemos probado el pluginque 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 invitamos a activar la opción de Contact Form siete en la pestaña de Integración del propio plugin, en tanto que el dataLayer podrá así incluir el envío de formularios como evento (ya entraremos en profundidad en otro artículo).
Una vez insertado el código en nuestra página web o bien blog, 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 esto 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 marchan activando, dependiendo 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 trucos es revisar la inserción de nuestras etiquetas y código con la extensión de Google Chrome:
Google Tag Assistant(puedes descargarla sin costo 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 vamos al apartado de variables donde podréis ver que 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 constante nos ayudará a aplicar una varible para que GTM sepa que en la etiqueta que corresponda deberá aplicarla para todas 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 escogimos la opción de
Configuración Google Analytics(remarcada en la foto 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 puede configurar aquellas etiquetas que más pueda precisar.
En nuestro caso deseamos controlar todas las páginas vistas desde Analytics por lo que elegimos como género 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. Para 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 adecuadamente 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 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 además gracias a esta etiqueta vamos a poder
reducir nuestro porcentaje de rebotehasta límites inesperados.
¿Cómo lo logramos?Pues al establecer un límite de tiempo, esta etiqueta siempre se activará pasados los segundos estipulados, esto quiere decir que Analytics ya puede recoger todos los datos sin necesidad de que el usuario visite 2 o bien más páginas de nuestra página web.
Para su adecuada activación, primero debemos
crear el activador. Escogeremos 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 por lo menos 20 segundos en la página).
Por último debemos establecer la
regla para cuando queremos 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 lo que precises.
Guardamos y nos marchamos 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 acabamos de crear.
De esta manera ya tendremos 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, vamos a deber esperar el tiempo estipulado a fin de 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 clics en teléfono, los formularios de contacto, los clics en ciertos botones de nuestro interés o 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 poco 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 blog post se os haga más soportable la inserción de las etiquetas en la web y además, hayamos resuelto vuestras dudas. Aunque si aún os queda alguna en el tintero, podéis escribirnos y estaremos encantados de echaros una mano en cuanto podamos.
Desde nuestro equipo en goOne Marketing sólo te diremos una cosa más:
¡Etiquetalízate con Google Tag Mánager!
goOne, tu agencia de marketing on-line en la capital de España.
