Programación

Instalar código Google Tag Manager en WordPress

Google Tag Manager (GTM) es otra de esas grandes soluciones que nos ofrece Google a los marketeros. Una aplicación web de gestión de etiquetas que nos permite actualizar en su sitio web o aplicación móvil, y de forma rápida y sencilla, códigos de seguimiento y fragmentos de código, tales como Google Analytics, Google Ads, Facebook Ads, entre otras muchas opciones.

Es gratuito y fácil de configurar, y puede ahorrarte mucho tiempo y molestias a largo plazo. En definitiva, se utiliza para introducir código en las plataformas disponibles sin tener que tocar el código fuente cada vez que queramos añadir o medir algún tipo de interacción.

Plataformas objetivo de Google Tag manager

Es muy práctico para medir eventos de clic en enlaces, envió de formularios, profundidad de desplazamiento, visibilidad de un elemento, seguimiento de conversiones para Google Ads, analítica, pixel de Facebook, Pinterest… en definitiva te ofrece la posibilidad de controlar y manejar lo que necesites y te plantees.

Partiendo de la base que se necesita crear una cuenta, en ella podemos crear diferentes contenedores para, por ejemplo, un sitio web, una tienda online, una app… cada sistema en su propio contenedor.

Al crear el contenedor nos ofrece un código que hay que añadir en el código fuente de la plataforma en la que se vaya a utilizar.

Podemos utilizar plug-ins o módulos específicos que introducen por nosotros el código en el lugar correcto. En este artículo te doy los pasos para hacerlo de forma manual en WordPress.

La forma de implementación es siempre la misma. El primer código hay que pegarlo tan alto como sea posible dentro de la etiqueta <head> de la página. Y el segundo código inmediatamente después de la etiqueta de apertura <body>.

Código de contenedor de Google Tag Manager

Añadiendo el código GTM en WordPress

La colocación de este código en WordPress se realiza en el archivo header.php de la plantilla usada.

Puedes realizarlo desde el escritorio de WordPress. En menú busca la opción apariencia y luego en editor de temas. Selecciona el tema activo y haz clic en el archivo mencionado. Pega los códigos de la siguiente manera:

Disposición del código GTM en el header.php de WordPress

También puedes editar el archivo header.php vía FTP con Filezilla o similares.

Recuerda enviar los cambios realizados en la plataforma de Google Tag Manager para que surtan efecto.

Verificar que GTM está bien instalado

Para ello vamos a hacerlo por medio de la extensión para Google Chrome, Tag Assistant. Simplemente con instalar este complemento en el navegador y hacer clic en él puedes ver que etiquetas están activas en cualquier web que visites.

Tag Assistant – Extensión de verificación de Google Tag Manager

Conclusiones

A partir de ahora, en la plataforma de Google Tag Manager (GTM) queda crear etiquetas con sus activadores y variables para realizar la funcionalidad deseada. Como por ejemplo, la medición en Google Analytics 4.

También puedes implementarlo en otros sistemas como PrestaShop, Webs a medida u otras plataformas CMS, solo debes buscar el archivo correcto en el que se encuentren las etiquetas <head> y <body>.

¡Nos vemos en la próxima! Chaito.

Gorka Gallego

Nuestro experto en SEM Gorka Gallego te cuenta cómo mejorar tus campañas de anuncios de Google ADS. Dispara tus visitas de tráfico pagado. Diseña una campaña de anuncios desde cero y descubre todos los secretos de Adwords

Entradas recientes

Cómo implementar Lazy Loading para imágenes y mejorar tu SEO

En este artículo, aprenderás qué es el Lazy Loading y cómo implementarlo fácilmente en tu… Leer más

3 horas hace

Presupuesto de rastreo o Crawl Budget: ¿Qué es y cómo mejorarlo?

En esta guía práctica, te explicamos qué es el presupuesto de rastreo, por qué es… Leer más

3 días hace

Qué es el call to action (CTA) y cómo hacer uno efectivo

¿Alguna vez te has encontrado con un mensaje que te invita a actuar, ya sea… Leer más

1 semana hace

¿Qué es una promesa en JavaScript? Todo lo que necesitas saber

Una de las preguntas más comunes entre los desarrolladores web que comienzan a usar JavaScript… Leer más

2 semanas hace

Preimpresión digital ¿Por qué es tan importante?

Descubre qué es y para qué sirve la preimpresión digital para conseguir una buena impresión… Leer más

2 semanas hace

Tipos de consentimientos para YouTube, Twitter, LinkedIn y TikTok

Ampliamos información para las redes sociales. Descubre cómo gestionar correctamente los consentimientos necesarios en las… Leer más

3 semanas hace