Casa » Analítica Web » Cómo instalar Google Tag Manager en WordPress

Cómo instalar Google Tag Manager en WordPress

Cómo instalar Google Tag Manager en WordPress

Esta es una guía práctica para cualquiera que quiera instalar Google Tag Manager en WordPress. Para aquellos que no estén familiarizados, GTM es un administrador de etiquetas (de Google) que facilita la vida a cualquier desarrollador, comercializador o propietario de un sitio web. Cubriré los dos métodos principales para instalar GTM en WordPress: (1) usando un complemento y (2) editando los archivos de plantilla del sitio web. ¡Vamos allá!

Si aún no tiene una cuenta de Google Tag Manager, le sugiero que lea este artículo en su totalidad. Si ya tienes una cuenta salta al segundo paso.

Crear una cuenta de Google Tag Manager (GTM)

Tiempo requerido para esta implementación: 2 minutos.

Cómo crear una cuenta de Google Tag Manager

  • Proporcionar información

    Ve a la Administrador de etiquetas y haga clic en el botón "Prueba gratuita". Ingrese sus credenciales de Google.

  • Creando la cuenta

    En la esquina superior derecha, haga clic en el botón "Crear cuenta".

  • Configurando la aplicación

    Luego ingrese el nombre de la cuenta, país, URL y dónde desea usar el contenedor (Web, iOS, Android o AMP). Tan pronto como informe estos datos, haga clic en "Crear".

  • Recibiendo el código

    Ahora recibirá los códigos y las instrucciones para instalar la etiqueta. y también un código para instalar la etiqueta

Lea también: "Cómo instalar Google Analytics en WordPress usando un complemento"

Instalación de Google Tag Manager en su sitio web

Si no copió los códigos proporcionados al crear la cuenta / contenedor, ingrese su contenedor y haga clic en la identificación que se muestra en la parte superior de la página:

Código de instalación de Google Tag Manager
Código de instalación de Google Tag Manager

La instalación de estos códigos en el sitio web se puede realizar de dos formas: (1) mediante el plugin de WordPress o, (2) editando los códigos de la plantilla utilizada.

Antes de elegir una de las formas, tenga en cuenta:

  • Si tiene los permisos necesarios para configurar de la forma elegida (algunos complementos de seguridad pueden impedir la edición directa de archivos de plantilla, por ejemplo).
  • Cómo se mantiene el sitio (si usted hace el mantenimiento o si un equipo de profesionales se encarga de él).
  • ¿Qué otras funciones desea implementar con Google Tag Manager en su sitio de WordPress (dimensiones personalizadas en GA, Google Optimize, etc.)?

Instalación de Google Tag Manager en WordPress usando un complemento

Una de las grandes ventajas de usar un CMS como WordPress es la posibilidad de agregar funcionalidad a través de módulos, en WordPress llamados plugins.

Probablemente el mejor (y el que recomiendo) complemento para agregar GTM a su sitio de WordPress es el "DuracellTomi Google Tag Manager para WordPress". Su instalación es como cualquier otro plugin:

  1. Inicie sesión en su panel administrativo.
  2. Vaya a Complementos> Agregar nuevo.
  3. Busque "Google Tag Manager".
  4. Haga clic en "Instalar" en el complemento DuracellTomi Google Tag Manager para WordPress.
  5. Vaya a Configuración> Administrador de etiquetas de Google e ingrese el código de su contenedor GTM en el campo correspondiente:
Configuración de GTM para WordPress
Configuración de GTM para WordPress

Usar el complemento es el método más seguro para insertar GTM en su sitio web. Aún así, dependiendo de la configuración de su sitio, la calidad del código de su tema y los complementos utilizados pueden ser un problema.

La secuencia de comandos se agrega correctamente a su sitio. Es esencial para el funcionamiento de la GTM en el sitio web.

La secuencia de comandos es un fragmento de iframe que sustituye a los usuarios con JavaScript desactivado (un número muy reducido de usuarios). Porque el WP no tiene gancho para insertar código personalizado en la etiqueta , de forma predeterminada se agrega al pie de página. Esto no es ideal porque reduce la probabilidad de que se dispare una etiqueta. Seguirá funcionando, pero solo después de que se haya cargado toda la página.

Si necesitas la etiqueta se dispara en la ubicación correcta, puede elegir un método personalizado para inyectar la etiqueta.

En mi sitio web el método Inyección sin código, pero me aseguro de que mi tema esté alineado con este tipo de inyección del código GTM.

Para asegurarse de que el método de inyección elegido funciona, realice pruebas en los navegadores principales.

Ventajas de este método:

  • Este método activa automáticamente múltiples variables dataLayer que solo estarían disponibles con mucha personalización. Con estas variables activas es posible, por ejemplo, extraer datos para GA como autor, año de publicación, tipo de usuario, etc.
  • En la pestaña de integraciones encontrarás la posibilidad de integrar otras funcionalidades como ContactForm 7, WooCommerce y AMP.
  • Además, puede inyectar el fragmento de ocultación de página de Google Optimize para ejecutar sus experimentos de manera más segura.

Instalación de Google Tag Manager en WordPress editando la plantilla

Antes de realizar cambios en su tema, asegúrese de tener los conocimientos necesarios para hacerlo. Mi sugerencia es evitar realizar cambios en sus archivos de plantilla. Si elige este método, intente utilizar las mejores prácticas, adoptando un tema secundario para que sus cambios no se pierdan cuando se actualice su tema principal.

Esto es lo que debes hacer:

En el panel administrativo, vaya a Apariencia> Editor de temas:

Editar temas de WP

Seleccione el tema utilizado e inserte las etiquetas GTM en los lugares apropiados:

Editor de temas de WordPress
Editor de temas de WordPress

Haga clic en "Actualizar archivo" y estará listo para usar GTM.

Lea también: "Cómo instalar Google Analytics con Google Tag Manager

Prueba de la instalación de GTM

Después de la fase de instalación, verifiquemos si el método elegido se implementó correctamente.

Hay varias formas de comprobar que su GTM se ha instalado correctamente. Mi recomendación es que utilice los siguientes dos métodos para asegurarse de que todo esté bien.

Método 1: a través del código fuente de la página

Vaya a su sitio web, haga clic derecho en la página, luego haga clic en "Ver código fuente de la página". Se abrirá una nueva pestaña con el código fuente de su página. Algo como esto:

GTM en el sitio web
Código fuente de una página con GTM instalado a través de un complemento

Compruebe que ambas etiquetas GTM estén implementadas. Pruebe en todas las páginas para asegurarse de que se implemente correctamente.

Método 2: usar Google Tag Assistant

Google ofrece una extensión que se puede agregar a su navegador para verificar rápidamente las etiquetas implementadas, el Asistente de etiquetas.

Instale la extensión. Acceda a su sitio web y haga clic en la extensión. Mostrará las etiquetas implementadas.

Asistente de etiquetas de Google
Asistente de etiquetas: sitio con etiqueta GTM implementada

Si su etiqueta Google Tag Manager está bien, puede comenzar a registrar y activar etiquetas (Google Analytics, Hotjar, Facebook Pixel, etc.) dentro de GTM.

¡Ahora está contigo! ¿Qué método utilizó para insertar GTM en su sitio de WordPress? ¿Qué etiquetas usa o tiene la intención de usar? Obtener algo duda o tiene algún consejo para compartir?

Sigue leyendo: "Métricas de marketing digital: ¿Cuáles son importantes?

Sigue leyendo: "Métricas de marketing: métricas de socios"

Sobre el Autor

¡Consejos gratuitos para optimizar su sitio web!
  • Obtenga consejos semanales sobre SEO, análisis y WordPress.
  • Estrategias digitales y conocimientos para mejorar sus conversiones.
Menú