Cómo instalar Google Tag Manager en Wordpress
Aprender a configurar GTM es fundamental si quieres analizar tu página web en mayor detalle y dotar de mayor información a Google Analytics 4 (entre otras cosas). Así pues, si quieres ver cómo implementarlo, aquí te explico cómo instalar Google Tag Manager en Wordpress.
Comprende lo que vamos a instalar en Wordpress
Puede que hayas llegado aquí sabiendo qué es Google Tag Manager o sin saberlo. Para este segundo caso, antes de ponernos a instalar GTM en Wordpress quiero que comprendas bien lo que vamos a hacer.
A nivel de estructura, aquí te dejo un esquema de que cómo está formado Google Tag Manager (es más sencillo de lo que parece):
Básicamente, el nivel más alto que encontramos en GTM es la cuenta como tal, y bajo la cual podemos crear los contenedores que queramos (asignados a la webs o aplicaciones que queramos medir). De igual forma, dentro de un contenedor encontraremos los Tags y triggers que nos permiten implementar funcionalidades (tags) bajo ciertas condiciones (triggers), y variables (o no).
Cómo crear una cuenta en Google Tag Manager
Empezamos este tutorial accediendo a la página oficial de Google Tag Manager e introduciendo el correo con el que quieres configurar tu cuenta de GTM:
Una vez dentro encontrarás un panel como el que ves abajo.
En caso de que no tengas tu cuenta creada (probablemente no la tendrás si estás aquí) creala haciendo clic en Crear cuenta.
En este momento, te aparecerá un formulario como el de abajo para que lo rellenes. En este sentido, y si te es de utilidad, GTM es similar a GA, por lo que una cuenta suele estar asociada a una empresa o cliente, mientras que un contendor sería una web.
Al hacer clic en Crear te aparecerá el Acuerdo de Condiciones de Servicio de Google Tag Manager, el cual tienes que aceptar para usar esta herramienta.
Tras aceptar el acuerdo de Google nos aparecerán 2 etiquetas a incluir en nuestra web y que contienen el famoso ID de medición de GTM. Una obligatoria a incluir en el Head y otra opcional en el Body.
Vamos a ver cómo instarlas en tu web.
Cómo configurar Google Tag Manager en WordPress
Si has seguido los pasos anteriores de este tutorial de configuración de GTM habrás llegado a una ventana en la que te aparecen 2 etiquetas a incluir en nuestra web. Una obligatoria en el Head y otra opcional en el Body.
Al igual que ocurre con Google Analytics, existen 2 formas de instalar los códigos de GTM en tu WordPress:
- Rápida: Con el plugin GTM4WP.
- Manual: Copiando los códigos en tu web
Si no quieres complicarte la vida o nunca has tocado código te aconsejo instalar el plugin y seguir su asistente. Es bastante sencillo y rápido.
En cambio, si te siente cómodo instalando estos códigos javascripts te aconsejo la segunda opción. Vamos a ver cómo hacerlo.
Instalar tag manager en Wordpress manualmente
Instalar los códigos de Google Tag Manager es igual de fácil que instalar el código de Adsense o Google Analytics. Sólo tienes que ir a tu panel de Wordpress > Apariencia > Editor de archivos de temas, y pegar los códigos recibidos tras la configuración:
La razón de instalar el primer código en el Header es para que se cargue lo antes posible. Es cierto que puedes incluir dicho snippet en el Body pero entonces se ejecutará más tarde y perderás métricas de usuarios que se vayan de la web antes de que se ejecute el código js.
Si en el momento de instalar el código de GTM tienes también el de GA te aconsejo eliminarlo ya que un poco más abajo te explicaré como instalar Google Analytics 4 a través de Google Tag Manager.
Te enseño a auditar tu web con Screaming Frog, para que identifiques y soluciones los problemas que están afectando tu SEO.
¡Comienza mi curso de Screaming Frog gratis hoy!
Cómo comprobar si la instalación ha sido correcta
Una vez hemos terminado de instalar GTM en nuestra web sólo queda comprobar si funciona correctamente. Para ello existen 2 opciones posibles:
- Ver el código fuente de una página de tu web. Para ello pulsa las teclas de Windows y U a la vez y busca tu etiqueta de GTM (en Safari debes ir al menú de desarrollo, y clicar Opción (⌥) + Comando (⌘) + U
- Acceder al modo de previsualización para ver si aparece.
Para previsualizar tu web, haz clic en el botón de Tag Manager que se llama Vista Previa e introduce la URL de tu web en la ventana emergente que aparece. Si la instalación es correcta verás un mensaje como el de abajo:
No obstante, te aconsejo encarecidamente que instales la extensión de Tag Assistant, ya que te permitirá comprobar si la configuración ha sido correcta y muchas otras cosas que veremos en este tutorial. Para ello, la más fácil es ir a google y escribir el nombre tal y como ves abajo:
Accede al primer resultado de búsqueda y haz clic en Añadir a Chrome:
Y con esto, ya sabes como Configurar Tag Manager. Enhorabuena por llegar hasta aquí, sé que no ha sido un tutorial ligero y tiene mucho mérito.
Si has llegado hasta aquí… ¡Apúntate a mi Newsletter y sigue aprendiendo cada semana sobre SEO!
Deja una respuesta