Google Tag Manager: que es y como implementarlo (Tutorial)

google tag manager tutorial

¡Muy buenas!

Ya estoy otra vez por aquí de vuelta, con un cafelito con hielo a mi lado y con muchas ganas de traeros este tutorial sobre Google Tag Manager. Con esta herramienta ya no habrá excusas si vuestras campañas de Adwords no registran conversiones.

Que es Google Tag Manager

Google Tag Manager o el Administrador de etiquetas, es un contenedor de etiquetas de Google, un código ya sea Javascript o no, que se instala en nuestras páginas web con el fin de realizar mediciones de analítica web de forma sencilla y sin demasiados conocimientos de programación.

Esta extensión de Chrome llamada Google Tag Manager ha sido creada para comprobar los fragmentos de código que instalamos nuestro sitio web, con la idea de que podamos ver si lo hemos colocado perfectamente para empezar a medir.

En qué casos necesitamos instalar código para realizar mediciones en nuestra página:

  • Para registrar datos de tráfico, como con Google Analytics
  • Para registrar conversiones, como con Google Adwords
  • Para registrar conversiones de las campañas de Facebook

Cómo instalar Google Tag Manager

Accedemos a https://www.google.com/analytics/tag-manager/, creamos una cuenta y un contenedor, le asignamos un nombre, un dominio, seleccionamos “Web” y le damos a crear.

Google tag manager - creamos contenedor

Aceptamos los términos de uso.

Ahora ya tenemos el código que implementaremos de GTM en nuestro sitio web, justo inmediatamente después de la apertura de la etiqueta <body>

Google Tag manager - codigo a implementar

Cómo implementar el código en WordPress

Existen dos metologías, en función de si quieres tocar el código directamente o prefieres hacerlo a través de plugins.

Yo personalmente intento ahorrarme la instalación de plugins para no sobrecargar demasiado.

Método manual: implementando el código en WordPress

Nos vamos a Apariencia > Editor y seleccionamos la Cabecera del tema (header.php), que es donde se encuentra la etiqueta <body>

Justo después, dejamos donde pone “<div class=”wrapper”>” debajo, pegamos nuestro código y le damos a “Actualizar archivo”.

Método plugins: configurando los más conocidos

Los plugins indicados para instalar Google Tag Manager funcionan implementando el código ID de GTM. Este se encuentra situado en el Dashboard de GTM, a la derecha de las pestañas de opciones

Si observas bien, a la derecha del todo puedes ver el código ID de GTM.

Vamos con los plugins:

WP Google Tag Manager

tag manager plugin

Puedes instalarte el plugin desde aquí

Google Tag Manager and Webmaster Tools

plugin GTM y GWT

Aquí encontrarás este plugin

Google Tag Manager plugin

Google Tag manager plugin

Instálalo desde su página

¿Tienes dudas? Échale un ojo a este Tutorial de Ayuda de WordPress

Creamos las etiquetas

Podemos elegir etiquetas de múltiples servicios como:

  • Google Analytics
  • Google Adwords
  • Double Click
  • Linkedin
  • Adroll…

Seleccionamos el que deseamos, en este caso será Google Analytics, y elegimos el tipo de etiqueta: Universal Analytics

Ahora introducimos nuestro ID de Google Analytics.

Para localizar nuestro ID de Analytics, iniciaremos sesión en Google Analytics > Administrador > Propiedad >Configuración de la propiedad > ID de seguimiento

Ahora marcamos el tipo de seguimiento, en este caso Página vista, y elegimos el activador (trigger), que será en Todas las páginas.

Click en Crear la etiqueta.

Ahora, comprobamos en vista previa que nos funciona correctamente.

Publicar.

A partir de ahora podemos realizar mediciones avanzadas de la forma más sencilla posible, pero por su complejidad merecen un artículo a parte. Ahora nos centraremos en la utilización de Google Tag Assistant en la extensión de Google Chrome para averiguar si hemos instalado bien nuestro código de medición, como nuestro código de conversión de Adwords.

Seguimiento de las conversiones de Google Adwords

Creamos nuestra etiqueta de Seguimiento de Conversiones de Adwords en GTM, para ello Etiquetas > Nueva > Google Adwords.

Nos vamos a Google Adwords > Herramientas > Conversiones y seleccionamos en la columna Nombre la que queremos.

Ahora buscaremos el siguiente código:

google_conversion_id y copiaremos el número que indica entre comillas y lo pegaremos en GTM. Lo mismo para google_conversion_label

google conversion id copiamos el numero

En GTM buscamos los campos y los pegamos

pegar google conversion label

Lo guardamos y listo.

Ahora nos podemos ir a comprobar su funcionamiento a Google Tag Assistant como indicamos en el siguiente paso del tutorial.

Otra opción es, una vez extraemos el código de conversión en Adwords, nos vamos a nuestra página web e instalamos el código donde queremos que se realice la medición, normalmente en la Thank you page o Página de agradecimiento que se carga al realizarse la conversión (compra, cumplimentación de formulario…)

Pegamos el código justo antes de la etiqueta cierre </body> y comprobamos con Google Tag Assistant si hay errores tal y como se comenta a continuación.

Comprobación de etiquetas con Google Tag Assistant

Desde Google Tag Assistant podemos comprobar si las etiquetas de Google Adwords, Google Analytics o de Google Tag Manager se han implementado correctamente. Para ello, en Google Chrome, accionaremos GTA.

Enseguida podremos ver qué etiquetas nos está detectando y mostrará en color si se han hallado fallos de implementación.

En mi caso, detecta el código de Google Analytics y el de Google Tag Manager (este último es el que acabamos de crear con el tutorial).

Como vemos, solamente se detecta fallos en el de Analytics. Para ver los errores pulsamos encima y nos vamos donde indica “Where to optimize?”

Ahora tan solo nos falta solucionar los problemas y empezar a medir.

Espero que os haya gustado este tutorial, es una toma de contacto interesante con Google Tag Manager que ofrece infinitas opciones de medición si queremos tratar la analítica web sin necesidad de tocar nuestro código fuente y sin tener que realizar cada petición al departamento de desarrollo.

2 Comments, RSS

  1. Paco 17 junio, 2016 @ 9:33 am

    Que currado, muy interesante

    • Lucía Roldán 19 junio, 2016 @ 7:49 pm

      ¡Muchas gracias, Paco!
      Ahora toca ponerlo en práctica 😉 Saludos!

Your email address will not be published. Required fields are marked *

*

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
A %d blogueros les gusta esto: