Cómo agregar Google Tag Manager al sitio de WordPress

Publicado: 2022-10-06

¿Eres un principiante que está buscando una manera de agregar Google Tag Manager a WordPress?

Google Tag Manager es una herramienta de seguimiento gratuita que le permite controlar e implementar etiquetas sin cambiar el código de su sitio web.

Es el popular sistema de gestión de etiquetas, con más del 40% de los sitios web que lo utilizan. No solo brinda una mejor administración de etiquetas con menos uso de código, sino que también proporciona un tiempo de carga de página más rápido y un flujo de trabajo más simple. Además, su modo de vista previa le permite probar si sus etiquetas y disparadores funcionan antes de publicar.

Además, Google Tag Manager proporciona plantillas de etiquetas integradas que están conectadas a Google Ads, Google Analytics y otras herramientas de terceros. Como resultado, puede administrar rápidamente todas sus etiquetas desde un solo tablero, lo que le permite mejorar sus estrategias de marketing digital.

En este artículo, le mostraremos dos métodos para agregar Google Tag Manager a su sitio web de WordPress.

Cómo agregar Google Tag Manager a WordPress manualmente

Google Tag Manager se puede instalar en WordPress manualmente o mediante un complemento.

Si bien usar un complemento puede ser más fácil, el método manual le brinda un mayor control sobre el código. Como resultado, para usuarios avanzados, recomendamos el método manual.

Crear una cuenta del administrador de etiquetas de Google

Para comenzar, vaya al sitio web de Google Tag Manager y haga clic en el botón Comenzar gratis .

Regístrese en el Administrador de etiquetas de Google

Después de eso, debe iniciar sesión con su cuenta de Google. Cuando haya terminado, accederá a la página Crear cuenta de Google Tag Manager. Simplemente haga clic en el botón Crear cuenta para comenzar.

Crear cuenta de administrador de etiquetas de Google

A continuación, puede agregar una nueva cuenta. En el cuadro Configuración de la cuenta, ingrese el nombre de su cuenta y seleccione un país. Puede utilizar el nombre de su sitio web como nombre de su cuenta.

Configuración de cuenta en GTM

El siguiente paso es configurar su contenedor. Un contenedor es una agrupación de etiquetas, activadores y todas las configuraciones instaladas en un sitio web.

Puede utilizar el nombre de su sitio web como nombre del contenedor. Después de eso, elija Web como su plataforma de destino y haga clic en el botón Crear .

Configuración del contenedor GTM

Para continuar, debe aceptar el Acuerdo de términos de servicio de Google Tag Manager. Marque la casilla de verificación junto a Acepto los Términos de procesamiento de datos según lo exige el RGPD en la parte inferior y luego haga clic en el botón en la esquina superior derecha.

Aceptar los Términos de servicio del Administrador de etiquetas de Google

Después de aceptar los términos del servicio, aparecerá una nueva ventana emergente en la pantalla que contiene fragmentos de código para instalar Google Tag Manager en su sitio web.

Códigos de instalación del administrador de etiquetas de Google

Hay dos fragmentos de código para colocar en el encabezado (etiqueta de encabezado interior) y en la sección del cuerpo de su sitio web.

Agregar código de Google Tag Manager a WordPress sin complemento

Para agregar el código GTM, vaya a Apariencia » Editor de archivos de temas desde su panel de WordPress.

Ahora, busque el archivo header.php de la lista de archivos a la derecha.

Editor de archivos de temas de WordPress

Sin embargo, si no puede encontrar el archivo header.php, busque index.php, donde puede ver las partes del encabezado y el cuerpo de su sitio web.

Ahora, vaya a su cuenta de GTM y copie el código del encabezado, que debe colocar justo después de la etiqueta del encabezado de apertura en el archivo header.php.

A continuación, copie el código del cuerpo y péguelo justo después de la etiqueta del cuerpo de apertura.

Agregue el código del administrador de etiquetas de Google en el archivo header.php del editor de archivos de temas de WordPress

Una vez hecho esto, haga clic en Actualizar archivo en la parte inferior de la página para guardar los cambios.

Cuando haya terminado de agregar fragmentos de código a su sitio web de WordPress, regrese a su panel de Google Tag Manager y haga clic en Vista previa .

Botón de vista previa de GTM

Le mostrará una nueva ventana donde puede vincular Tag Assistant a su sitio web. Ingrese la URL de su sitio web y haga clic en Conectar .

Conecte Tag Assistant a su sitio

Aparecerá una nueva ventana a su sitio y Tag Assistant le avisará de la conexión exitosa de Google Tag Manager. Haga clic en Finalizar , luego vaya a la ventana de vista previa y haga clic en Continuar .

Haga clic en Continuar para finalizar la vista previa

Ahora, verá la notificación "Se encontró un contenedor de Google" junto con su ID de contenedor de Google Tag Manager. Esto muestra la instalación completa de Google Tag Manager en su sitio web de WordPress.

Contenedor de Google encontrado

Cierre la ventana de vista previa y haga clic en Enviar .

Envíe sus cambios al Administrador de etiquetas de Google

Ahora, aparece una nueva ventana emergente que le pide que ingrese el nombre de su versión. Puede, por ejemplo, llamarlo "GTM en WordPress". Luego haz clic en Publicar .

Agregue el nombre de la versión GTM antes de publicar

Agregar una nueva etiqueta en Google Tag Manager

Una vez que haya instalado Google Tag Manager en su sitio web, podrá agregar etiquetas proporcionadas por varias herramientas de seguimiento a su sitio.

Google Tag Manager admite más de 50 tipos de etiquetas diferentes, incluidas las que utilizan los productos de marketing de Google y otros servicios de terceros. Además, puede usar su interfaz para incluir etiquetas HTML o JavaScript únicas en su sitio web.

Vaya a su panel de Google Tag Manager y haga clic en Agregar un nuevo enlace de etiqueta .

Agregar nueva etiqueta en Google Tag Manager

En la siguiente pantalla, haga clic en el icono para elegir un tipo de etiqueta.

Haga clic en el icono para elegir la etiqueta

A continuación, verá una lista de diferentes tipos de etiquetas, incluidas varias etiquetas de Google Analytics. Si utiliza una cuenta de Google Universal Analytics, puede seleccionar la etiqueta Universal Analytics .

Elija la etiqueta de Google Analytics para usar Google Tag Manager para el seguimiento

Para Track Type , seleccione el elemento que desea rastrear en su sitio web de WordPress de la lista. Además, elija Nueva variable para la configuración de Google Analytics.

Configurar el tipo de seguimiento y la configuración de Google Analytics

A continuación, aparecerá una ventana de configuración de variables. Cambie el nombre de la variable, luego ingrese su ID de seguimiento de Google Universal Analytics y luego haga clic en Guardar . Puede encontrar su ID de seguimiento en la pestaña Administrador en Propiedad » Información de seguimiento .

Cambie el nombre de la variable e ingrese el ID de seguimiento de Google Analytics

Después de eso, continúe con el siguiente paso para seleccionar un disparador.

Haga clic en el icono para elegir un disparador

Marque los disparadores que desea usar y haga clic en el botón Agregar .

Elija su disparador de la lista

Una vez hecho esto, haga clic en el botón Guardar en la esquina superior derecha del espacio de trabajo.

¡Eso es todo! Puede crear con éxito una etiqueta de Google Analytics.

Cómo agregar el código del Administrador de etiquetas de Google a WordPress usando un complemento

El segundo método para instalar Google Tag Manager para WordPress es usar un complemento, que es una mejor alternativa para los principiantes.

Agregar el fragmento de código de seguimiento a WordPress

Para comenzar, primero, debe instalar y activar el complemento WP Headers and Footers. Si nunca antes ha instalado un complemento, consulte nuestra guía sobre cómo instalar un complemento de WordPress.

Tras la activación, vaya a Configuración » WP Insertar encabezados y pies de página .

Ahora, copie los fragmentos de código de su cuenta de Google Tag Manager y péguelos en los cuadros.

Copie y pegue el código del Administrador de etiquetas de Google en el complemento de WordPress de encabezados y pies de página de WP

Una vez hecho esto, haga clic en el botón Guardar cambios .

Conclusión

Google Tag Manager es una herramienta de seguimiento que le permite administrar e implementar etiquetas en su sitio web con un código mínimo y un flujo de trabajo simple. Con tantos tipos de etiquetas compatibles con esta herramienta, puede conectarla entre plataformas para obtener información sobre el comportamiento de los usuarios y mejorar sus campañas de marketing digital.

Google Tag Manager se puede instalar en su sitio web de WordPress manualmente o con un complemento. Si bien el método manual es más adecuado para personas con habilidades técnicas avanzadas, sugerimos usar un complemento de WordPress para principiantes.

Esperamos que esta guía lo ayude a aprender cómo instalar Google Tag Manager en su sitio web de WordPress.

Artículos relacionados

  • Los mejores complementos de Google Analytics para WordPress
  • Cómo instalar Google Analytics en WordPress
  • Cómo enviar un sitio web de WordPress a Google Search Console