Seleccionar página

Seguimos con nuestra dinámica sobre Google Tag Manager para hacer que exprimas a fondo los datos que los usuarios nos ofrecen dentro del sitio web. En esta ocasión voy a explicarte en sencillos pasos cómo puedes instalar el gestor de etiquetas de Google tanto para un WordPress, como para un Prestashop y te ofreceré información sobre cómo puedes instalarlo en una web hecha a medida. Vamos allá!

La guía de instalación de Google Tag Manager

La instalación de Google Tag Manager es bastante sencilla, a continuación te detallaré los distintos pasos que hay que seguir para implementarlo en un sitio web dependiendo de si utilizas WordPress, Prestashop o si es código propio.

1. Creación de cuenta y contenedor en Google Tag Manager

Primero quiero comentarte brevemente cómo está organizado Google Tag Manager, este gestor de etiquetas está organizado en cuentas y contenedores, la cuenta es la propiedad más elevada y puede poseer en su interior diferentes contenedores, mediante la cuenta podrás administrar usuarios y contenedores, y dentro del propio contenedor es donde se administran las etiquetas. En mi caso suelo trabajar con una propiedad por proyecto y utilizo los diferentes contenedores para que sean utilizados por diferentes miembros del equipo de marketing por ejemplo un contenedor para el analista y otro para el gestor de cuentas de SEM, de esta manera gestionan las etiquetas de manera independiente y no se perjudican en la gestión.

Dicho esto vamos a lo que hemos venido

El primer paso es acceder a https://tagmanager.google.com/ donde crearemos nuestra cuenta, esta cuenta puede contener distintos contenedores dentro de ella. Mi recomendación como ya he dicho es que para cada empresa o proyecto crees una cuenta y puedas crear distintos contenedores.

Creamos nuestra cuenta: para ello tan sólo tendremos que introducir el nombre de la cuenta tal y como aparece en la siguiente imagen.

 

Y añadimos nuestro primer contenedor: como ves simplemente asígnale un nombre y presiona el botón “CREAR”.

2. Creación de la etiqueta

Iremos al contenedor que hemos creado anteriormente en nuestra cuenta, en la parte superior derecha veremos un dígito que sigue el siguiente patrón (GTM-XXXXXXX), este es el ID de nuestro contenedor, si haces click aparecerá un pop up con nuestra etiqueta, un código para insertar dentro de la etiqueta <head> y otro para la etiqueta <body>. Esta etiqueta es la que deberemos instalar en nuestro sitio web para que pueda transmitir la información del sitio web a Google Tag Manager. Lo que verás será algo parecido a esto:

etiqueta tag manager

La manera de implementar la etiqueta dependerá del tipo de desarrollo que utilices en tu sitio web, a continuación os presento de manera simplificada cómo se haría para WordPress, Prestashop y en código propio:

3. Instalación de Google Tag Manager en WordPress

 

¿Cómo insertar la etiqueta en WordPress?

 

Para la instalación de  manager en WordPress tenemos 2 opciones:

  • Pegar la etiqueta en el archivo header.php de nuestro tema: copiamos la etiqueta que nos aparece en tag manager y la pegamos tal y como indica en el archivo header.php.
  • Utilizar un plugin para la instalación: mi opción preferida, ya que os ofrece una configuración bastante avanzada y podéis obtener muchos datos extra adicionales. Tendrás que utilizar el plugin DuracellTomi’s Google Tag Manager y activarlo.
    A continuación si entras dentro de la configuración del plugin verás un recuadro donde tendrás que insertar tu ID de contenedor, lo primero es insertar el ID que antes has copiado de Google Tag Manager. A continuación selecciona versión personalizada y copia la línea de código que aparece justo bajo y guarda los cambios.

instalación google tag manager en wordpress

La última línea de código que copiaste tendrás que pegarla en el archivo header.php dentro de la etiqueta <body>. Como en este vídeo que te muestro:


Mi predilección por un plugin es porque la capa de datos viene preconfigurada por defecto, más adelante explicaremos por qué necesitamos la capa de datos pero te avanzo que gracias a la capa de datos conseguimos recoger información acerca del usuario mucho más valiosa y con ella sacamos el máximo rendimiento de la herramienta de Google Tag Manager.

4. Instalar la etiqueta de Tag Manager en Prestashop

 

¿Cómo insertar la etiqueta en Prestashop?

 

Para la instalación de  manager en Prestashop tenemos 2 opciones:

  • Pegar la etiqueta en el HTML de nuestra web: copiando la etiqueta que acabamos de crear en Google Tag Manager y la pegamos en el propio código de nuestro tema de Prestashop.
  • Utilizar un módulo para la instalación: mi opción preferida, ya que os ofrece una configuración bastante avanzada y podéis obtener muchos datos extra adicionales. El módulo es el de Módulo Google Tag Manager Enhanced Ecommerce (UA) – PRO. Una vez instalado vamos a su panel de configuración e insertamos el ID del contenedor que queremos activar.

Esta sería mi configuración preferida ya que por defecto nos mostrará la capa de datos, algo que aún no hemos visto, pero te avanzo que gracias a la capa de datos podemos extraer muchas más información del usuario y podemos exprimir al máximo la herramienta.

5. Configuración Google Tag Manager en sitio web de código propio

 

En el caso en el que tengamos un sitio web hecho a medida copiaremos la etiqueta desde Google Tag Manager y la pegaremos en todas las páginas de nuestro sitio web.

Ahora bien, en esta opción las variables que se extraen serán las que se muestran por defecto, en el caso en que deseemos instalar la capa de datos te recomiendo que leas la guía de Google TAg Manager para implementarla:

 6. Publicación del contenedor de Google Tag Manager

 

Ya tenemos nuestra etiqueta implementada en el sitio pero aún no transmite datos a Google Tag Manager, para ello debemos enviar  o publicar el contenedor desde la interfaz de Google Tag Manager.

Si entramos en el contenedor en la parte superior derecha observamos un botón que se denomina ENVIAR, si haces click publicarás el contenedor, esto quiere decir que todos los cambios que se hayan hecho comenzarán a estar publicados. Cada vez que realicemos un cambio en tag manager deberemos publicar el contenedor, de no ser así los cambios no se realizaran.

Envía el contenedor y listo!

Ya tenemos nuestra etiqueta en funcionamiento!!

¿Cómo se si la etiqueta está en funcionamiento?

Para comprobar el correcto funcionamiento de la etiqueta y si sois frikis del Google Chrome os recomiendo la extensión:

Una vez la instaléis, abris la página en la que queráis realizar la comprobación, hacéis click en el icono de la extensión y presionáis en “Enable” o “Habilitar”, recargáis la página, y a continuación os aparecerán las etiquetas que tenéis en el sitio web. Si la etiquetita aparece feliz de color verde o azul ya esta lista la etiqueta.

Antes de activar la extensión veréis algo parecido a esto:

tag assistan para activar

 

Tan sólo tendréis que presionar en Enable o Activar (en caso de que lo hagáis desde la versión española) y recargar la página. Si todo se ha hecho correctamente veréis la etiqueta sonriente:

tag assistant google tag manager activado

Ya tienes tag manager instalado, ahora vamos a exprimirlo a fondo y extraer toda la información que podamos para hacer nuestras campañas de marketing mucho más efectivas.