Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Cómo instalar y configurar Google Tag Manager en WordPress

Si has estado agregando fragmentos de código en tu sitio de WordPress para rastrear el comportamiento del usuario, entonces debes haber encontrado Google Tag Manager (GTM). Te permite agregar fragmentos de código de seguimiento a tu sitio web de WordPress para monitorear diferentes interacciones del usuario.

Sin embargo, configurar Tag Manager puede ser complicado para los principiantes. Esto se debe a que la mayoría de los novatos no están familiarizados con el trabajo con fragmentos de código. Dicho esto, en nuestros más de 16 años de experiencia con WordPress, hemos descubierto que puedes instalar GTM fácilmente e insertar el fragmento de código de forma segura cuando utilizas el plugin adecuado.

En este artículo, te mostraremos cómo instalar y configurar correctamente Google Tag Manager en WordPress. También te mostraremos una forma más fácil de configurar el seguimiento avanzado en tu sitio.

cómo instalar y configurar Google Tag Manager en WordPress

¿Qué es Google Tag Manager?

Google Tag Manager (GTM) es una herramienta gratuita de Google que te permite agregar, actualizar y administrar fragmentos de código llamados etiquetas en tu sitio de WordPress.

A menudo, los propietarios de sitios web necesitan agregar múltiples fragmentos de código para rastrear sus conversiones, envíos de formularios, clics en enlaces y recopilar otros datos analíticos en su sitio web. Con Google Tag Manager, puedes agregar y administrar fácilmente todos estos scripts desde un único panel.

Hay plantillas de etiquetas integradas para Google Analytics, Google Ads, Google Optimize, DoubleClick y Google AdSense. Tag Manager también funciona con varias plataformas de análisis y seguimiento de terceros.

Esto le ahorra el tiempo de agregar y quitar etiquetas de su código en lugar de administrarlo desde un panel fácil de usar. Sin mencionar que todos estos fragmentos separados se cargan en un solo script.

Dicho esto, veamos cómo agregar Google Tag Manager a WordPress. También le mostraremos un método alternativo para rastrear diferentes interacciones de usuarios en su sitio. Lo mejor de todo es que no tiene que editar código ni configurar etiquetas.

Simplemente haz clic en los enlaces a continuación para saltar a tu sección preferida:

Agregar Google Tag Manager en WordPress

Primero, deberá visitar el sitio web de Google Tag Manager y hacer clic en el botón 'Comenzar gratis' para registrarse.

sitio web de Google Tag Manager

Después de iniciar sesión, llegará a la página de agregar una nueva cuenta.

Haga clic en el botón 'Crear cuenta'.

Crear cuenta en el administrador de etiquetas

A continuación, puede ingresar un nombre para su cuenta y seleccionar un País en el menú desplegable.

Tag Manager también le dará la opción de compartir datos de forma anónima con Google. Simplemente puede marcar la casilla y desplazarse hacia abajo.

Ingresa el nombre de la cuenta y el país

Ahora, necesita agregar un contenedor a su cuenta. Un contenedor podría ser un sitio web, aplicaciones iOS o Android, o un servidor. En este caso, usaremos la opción 'Web'.

Puede usar el dominio de su sitio para el nombre del contenedor. Una vez que haya terminado, haga clic en el botón 'Crear' para continuar.

Ingresa el nombre del contenedor y selecciona la plataforma

Ahora verá una nueva ventana deslizarse desde la derecha con el acuerdo de términos de servicio de Google Tag Manager.

Puede hacer clic en la casilla en la parte inferior para aceptar los términos de procesamiento de datos y luego hacer clic en el botón 'Sí' en la parte superior.

Aceptar los términos de servicio del administrador de etiquetas

Google Tag Manager creará su cuenta ahora.

Ahora le mostrará los códigos de seguimiento que necesita agregar a su sitio.

Copiar el código del administrador de etiquetas

Simplemente copie estos 2 códigos, ya que deberá agregarlos a la sección de encabezado y cuerpo de su sitio web de WordPress.

Agregar el código de Google Tag Manager a WordPress

La forma más fácil de agregar fragmentos de código en WordPress es usando el plugin WPCode. Es el mejor plugin de fragmentos de código de WordPress y te permite agregar y administrar diferentes códigos personalizados en tu sitio web.

La mejor parte es que puedes empezar gratis con WPCode. Sin embargo, también existe una versión premium que ofrece más funciones como una biblioteca de fragmentos de código, lógica condicional, fragmentos de inserción automática y más.

Primero, necesitarás instalar y activar el plugin gratuito WPCode. Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.

Una vez activado, debes visitar la página Fragmentos de código » Encabezados y pies de página desde el panel de administración de WordPress. Ahora, ingresa los códigos que copiaste anteriormente.

Asegúrate de pegar el código <head> en el campo Encabezado y el código <body> en el campo Cuerpo, como puedes ver a continuación.

Agregar códigos del administrador de etiquetas para encabezado y cuerpo

Una vez que hayas terminado, no olvides hacer clic en el botón ‘Guardar Cambios’.

Google Tag Manager está listo para usarse en tu sitio web de WordPress.

Creando una Nueva Etiqueta en Google Tag Manager

A continuación, puedes crear una nueva etiqueta en Google Tag Manager y configurar el seguimiento en tu sitio web de WordPress.

Digamos que quieres agregar Google Analytics 4 (GA4) a tu sitio web de WordPress usando Tag Manager.

Primero, deberás hacer clic en la opción ‘Agregar una nueva etiqueta’ desde tu panel de Tag Manager.

Crear una etiqueta nueva

Después de eso, puedes ingresar un nombre para tu etiqueta en la parte superior.

Desde aquí, simplemente haz clic en la opción ‘Configuración de la etiqueta’.

Ingresa un título y haz clic en configuración de etiqueta

A continuación, Tag Manager te mostrará diferentes tipos de etiquetas para elegir.

Por ejemplo, esto incluirá etiquetas para Google Analytics, Google Ads, Floodlight y más. Seleccionaremos ‘Google Analytics: Configuración de GA4’ para este tutorial.

Seleccionar un tipo de etiqueta

A continuación, deberás ingresar los detalles de tu etiqueta.

Primero, puedes agregar el ID de Medición.

Ingresa el ID de medición

Puedes encontrar el ID de Medición iniciando sesión en tu cuenta de Google Analytics.

Simplemente dirígete a la opción Administrador » Flujos de datos en la sección ‘Recopilación y modificación de datos’.

Abrir flujos de datos

En la siguiente pantalla, verás diferentes propiedades.

Continúa y selecciona el flujo de datos que deseas conectar.

Seleccionar flujos de datos

Cuando se abra una nueva ventana, deberías ver el ID de Medición en la esquina superior derecha.

Simplemente puedes copiar el ID.

Copia tu ID de medición

Ahora, regresa a la ventana o pestaña de Google Tag Manager e ingresa el ID de medición.

Después de eso, puedes desplazarte hacia abajo y hacer clic en la opción ‘Activación’.

Agregar un disparador

Google Tag Manager ahora mostrará activadores integrados para elegir.

Continúa y selecciona la opción ‘Inicialización – Todas las páginas’.

Seleccionar el disparador de inicialización de todas las páginas

Después de seleccionar el activador, deberás guardar tu configuración.

Simplemente haz clic en el botón ‘Guardar’ en la esquina superior derecha.

Guardar tu etiqueta GA4

Ahora deberías ver tu etiqueta recién creada.

Haz clic en el botón ‘Enviar’ para ejecutar la etiqueta.

Previsualizar y enviar tu etiqueta

Configurar seguimiento avanzado con MonsterInsights (la forma fácil)

Ahora que sabes cómo instalar y usar Google Tag Manager, puedes usar una forma más fácil de configurar el seguimiento avanzado en tu sitio de WordPress.

Con MonsterInsights, no tienes que realizar configuraciones complicadas en GTM. Es el mejor plugin de Google Analytics para WordPress y configura automáticamente el seguimiento avanzado por ti. Tampoco tienes que preocuparte por cometer un error que pueda arruinar tus datos de seguimiento.

Lo mejor de todo es que MonsterInsights muestra informes dentro de tu panel de WordPress. No tendrás que salir de tu sitio para ver su rendimiento. Presenta datos que importan para tu negocio y ayuda a descubrir información valiosa.

Para este tutorial, usaremos la versión Pro de MonsterInsights porque incluye funciones de seguimiento avanzadas y complementos premium. También existe una versión MonsterInsights Lite que puedes usar para empezar gratis.

Primero, necesitarás instalar y activar el plugin MonsterInsights. Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.

Tras la activación, verás la pantalla de bienvenida de MonsterInsights. Puedes hacer clic en el botón ‘Iniciar el asistente’ y seguir los pasos en pantalla para configurar Google Analytics.

Iniciar asistente de configuración

Para más detalles, consulta nuestra guía sobre cómo instalar Google Analytics en WordPress.

MonsterInsights funcionará directamente y añadirá automáticamente el seguimiento en Google Analytics.

Estas son algunas de las funciones de seguimiento que ofrece el plugin:

1. Seguimiento de clics en enlaces y botones

MonsterInsights configura el seguimiento de clics en enlaces y botones directamente en tu sitio web. Google Analytics no rastrea los clics en enlaces por defecto, y tendrías que usar GTM para añadir el seguimiento.

Por ejemplo, puedes rastrear el rendimiento de afiliados y ver en qué enlaces hacen clic más los usuarios. De esta manera, puedes aumentar tus ingresos promocionando afiliados que reciben muchos clics.

Informe de enlaces salientes y de afiliados

De manera similar, el plugin también rastrea los clics en enlaces salientes. Estos son enlaces a otros sitios web en tu sitio. Puedes usar estos datos para crear nuevas alianzas, registrarte en un programa de afiliados y crear nuevo contenido en tu propio sitio.

Además de eso, MonsterInsights también ayuda a rastrear enlaces telefónicos, descargas de archivos, clics en botones de llamada a la acción (CTA) y más.

2. Configurar el seguimiento de comercio electrónico en WordPress

Si tienes una tienda en línea, MonsterInsights te ayuda a rastrear su rendimiento sin editar el script de seguimiento ni usar Google Tag Manager.

Ofrece un complemento de comercio electrónico que te permite habilitar el seguimiento de comercio electrónico en WordPress en solo unos pocos clics. Puedes ver la tasa de conversión general de tu sitio, transacciones, ingresos, valor promedio del pedido, productos más vendidos y mucho más.

Informe general de comercio electrónico en MonsterInsights

Para más detalles, consulta nuestra guía sobre cómo configurar correctamente el seguimiento de comercio electrónico en WordPress.

3. Configurar el seguimiento de conversiones de formularios

Con MonsterInsights, también puedes configurar el seguimiento de conversiones de formularios en Google Analytics. El plugin ofrece un complemento de formularios que rastrea automáticamente los formularios de WordPress en tu sitio.

Si usas Google Tag Manager, tendrías que crear etiquetas separadas para todos tus formularios y rastrearlos en Google Analytics.

Sin embargo, MonsterInsights hace que este proceso sea súper simple. Además, puedes ver los datos dentro del panel de WordPress.

Informe de formularios

4. Habilita automáticamente el seguimiento de profundidad de desplazamiento

¿Alguna vez te has preguntado hasta dónde navegan las personas en tu página web antes de abandonar tu sitio? El seguimiento de profundidad de desplazamiento muestra exactamente eso y te ayuda a colocar tus banners y CTAs en el lugar correcto para aumentar las conversiones.

MonsterInsights habilita automáticamente el seguimiento de desplazamiento en tu sitio web. No es necesario una configuración adicional usando Google Tag Manager ni modificar el código de seguimiento en absoluto.

Seguimiento de desplazamiento

Puedes leer nuestra guía sobre cómo agregar el seguimiento de profundidad de desplazamiento en WordPress con Google Analytics.

Esperamos que este artículo te haya ayudado a aprender cómo instalar y configurar Google Tag Manager en WordPress. También te puede interesar nuestra guía sobre GA4 vs Universal Analytics: ¿cuál es la diferencia y seguimiento de conversiones de WordPress simplificado.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

54 CommentsLeave a Reply

  1. EXCELENTE guía para configurar Google Tag Manager en WordPress.
    Si puedo agregar algo a este artículo es: – al crear etiquetas de GTM, es útil seguir una convención de nombres consistente para mantener las cosas organizadas a medida que agregas más etiquetas con el tiempo.
    Por ejemplo, prefijar las etiquetas con "GA4" para las etiquetas de Google Analytics 4 o "FB" para las etiquetas de seguimiento de Facebook.
    Esto puede facilitar la búsqueda y administración de etiquetas en la interfaz de GTM.

  2. Gran guía. Durante mucho tiempo, no pude averiguar cómo integrar Google Analytics en mi sitio web. No fue hasta que leí aquí cómo funciona Google Tag Manager que finalmente logré hacerlo. Al final, encontré un método aún más simple usando AIO SEO, pero ahora uso GTM para muchas otras cosas como AdSense, etc. Para mí, este es un artículo muy útil porque GTM es una herramienta muy poderosa, y entender cómo funciona es un beneficio significativo para cualquier propietario de sitio web.

  3. Google tag manager aka GTM is such a powerful tool that enables tracking Google ads, Google analytics, Google optimize and Google Adsense all with the help of a snippet. This is really helpful in terms of tracking and making informed decision about different aspect of the blog and business.
    Both the methods mentioned is easy to implement and gets the GTM working for us. The second method with the plugin is better option for beginners like us. Thanks for bringing such an insightful article.

  4. Hola,

    Esta solución funciona de maravilla, muchas gracias. Sin embargo, tengo un problema: al final de todas las páginas de mi sitio aparece ahora una barra blanca con el texto "Javascript" escrito en ella en el lado izquierdo de la pantalla.

    ¿Cómo puedo eliminar eso?

    • Es posible que desees asegurarte de haber copiado todo el código, ya que normalmente significa que el código de JavaScript que has agregado a tu sitio puede tener un error.

      Administrador

  5. Preferiría no instalar más plugins de los que necesito. Mi tema me permite pegar el código GTM con la etiqueta GA en mi encabezado. Sin embargo, ¿cómo pongo el código del cuerpo en mi página? ¿Simplemente uso un campo de texto en lo alto de mi página de inicio y lo pego ahí? ¡Gracias!

    • Hola Ann,

      Sé que llego tarde a responder, pero te recomiendo encarecidamente que instales el plugin.

      Sin él, no podrás enviar información detallada a GA. Es decir, si es un comercio electrónico, no podrás recibir información de productos. GTM por sí solo te dará datos extremadamente básicos y tendrás que configurarlo tú mismo por completo, lo que, créeme, ¡lleva semanas!

  6. Google Tag Manager dice específicamente que publique una parte del código en el cuerpo de la página web. Nada de lo que encuentro sobre la implementación de Google Tag Manager aborda esto. ¿Por qué es eso?

    • El video no se ha actualizado en un tiempo. Lo que tienes que hacer es poner la segunda mitad del código en la sección del pie de página del plugin, lo que en realidad lo coloca en la sección del cuerpo. Si miras el plugin en WordPress, dice "Estos scripts se imprimirán encima de la etiqueta".

      Cualquier cosa por encima de " estará en la sección del cuerpo.

  7. Hola Admin,

    No tengo buen conocimiento de WordPress.
    Estoy usando un tema de WordPress para mi sitio web. Y quiero agregar Google Tag Manager en mi sitio web. ¿Me pueden decir cómo puedo agregar el código de Tag Manager en un tema hijo de WordPress? Espero su respuesta positiva.

  8. Guía maravillosa. Me ha quedado clara una gran confusión: si agregar primero el código de Google Analytics y luego las etiquetas de Google Tag Manager. Muchas gracias por esta ayuda increíble. Un gran ahorro de tiempo.

  9. Hola,

    Hay dos elementos para la instalación de Google Tag Manager

    1) en el Encabezado
    2) en el Cuerpo

    ¿Actualizarás tu explicación para mostrar la solución a esto?

  10. Además, hay otra pieza de código además del código que mencionas aquí. Te piden que "Pegues este código lo más arriba posible en la página:", y el código es:


    (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({‘gtm.start’:
    new Date().getTime(),event:’gtm.js’});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!=’dataLayer’?’&l=’+l:”;j.async=true;j.src=
    ‘https://www.googletagmanager.com/gtm.js?id=’+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,’script’,’dataLayer’,’GTM-XXXXXX’);

    ¿Puedo instalar ambas piezas de código en el encabezado, una junto a la otra?

    ¡Gracias!

    • Hola AJ,

      puedes tener ambos (GA + GTM) en el código al mismo tiempo. No te preocupes. Aunque es más conveniente activar el fragmento de GA también a través de GTM. Google proporciona buenas instrucciones sobre cómo hacerlo:

  11. Gran tutorial – los amo. Lo leí y luego leí todos los comentarios. Obtuve mis respuestas. Lo instalé, etc., y luego revisé mi sitio navegando desde mi smartphone.
    ¡Todo funciona de maravilla!

    No questions, just a big thankyou.
    Well done :)

  12. Entendí esto completamente, pero tengo una confusión sobre si mi código de analytics existe, ¿cómo puedo insertar ambos a través del plugin Insert Header & Footer?

  13. Soy muy nuevo en Google Tag Manager, este es el tutorial más fácil que he encontrado hasta ahora sin confusión.
    Sin embargo, me pregunto si hay un conflicto al tener tanto el código de GA como el código de GTM en mi sitio web.
    Hay un lugar en mi tema de WordPress para insertar el código de Google Analytics para el seguimiento que siempre he tenido.
    Ahora he insertado el código de Google Tag Manager en el header php de mi sitio, ¿así que debo eliminar el código original de Google Analytics o ese se queda?
    Muchas gracias,
    Catherine

  14. ¡Gracias por hacer que el plugin sea compatible con Multisite!

    Veo que Google Tag Manager dice que coloque el código inmediatamente después de la etiqueta de apertura, pero el plugin lo coloca dentro de la etiqueta. ¿Funcionará si se coloca en el head en lugar del body?

  15. Muchas gracias por este excelente tutorial.

    Estoy confundido acerca de un posible conflicto con este método. ¿Me pueden ayudar, por favor?

    Google Tag Manager dice que el código no puede ir en el encabezado. Lo quieren justo después de la etiqueta . Pero, si uso el plugin Insert Headers and Footers y pego el código ahí, ¿no pondrá el código de Tag Manager en el encabezado? ¿No causará esto un conflicto?

    En el párrafo, usted escribió: “Si no desea instalar un plugin, también puede agregar el código de Google Tag Manager en su tema de WordPress o tema secundario. Simplemente edite la plantilla header.php y pegue el código justo después de la etiqueta ”. ¿Hay un paso a paso sobre cómo hacer esto?

    • Quizás te hayas preguntado por qué Google recomienda tan enfáticamente que coloques el fragmento del contenedor justo después de la etiqueta de apertura . Hay dos buenas razones para hacerlo.

      Primero, si también agregas la etiqueta (como deberías), esta siempre debe estar en el cuerpo del documento. La etiqueta (que se muestra para navegadores sin JavaScript habilitado) contiene un iFrame que carga la biblioteca GTM. Si agregas la etiqueta en el encabezado de tu documento, puede funcionar de manera bastante errática con algunos navegadores. Podrías experimentar dejando la etiqueta en el cuerpo y colocando el JavaScript en el encabezado, pero no lo he probado y ciertamente no lo recomiendo.

      La segunda razón es simple: para maximizar la recopilación de datos, el fragmento debe ser lo primero que se cargue cuando se renderice el cuerpo de la página. Dado que la biblioteca se carga de forma asíncrona, no hay razón para retrasarla en absoluto. Así que haz que se cargue como lo primero cuando se renderice el cuerpo, para que no corras el riesgo de perder datos debido a elementos DOM lentos que retrasan la carga de la página.

      • Entonces, si quieres que cargue justo después de la etiqueta , entonces parece que no puedes usar el plugin Insert Headers and Footers porque las únicas opciones están en el (no) y justo antes de la etiqueta (así que al final de la carga, no).

        ¿Estoy leyendo esto bien?

  16. Curioso sobre instalaciones duales, de ambos, en WordPress — sé que tienes que tener ambas cuentas configuradas en Google, pero el Tag Manager, en efecto, ¿*reemplaza* el plugin de GA que hemos estado usando durante unos años?

    O, ¿uno todavía instala tanto el plugin de GA COMO el plugin de Tag Manager? Parece redundante, o quizás no estoy entendiendo las cosas claramente.

    Solo estoy tratando de saber la forma más eficiente de obtener todas las analíticas que disfruto ahora, y todas las analíticas de Tag Manager también.

    Gracias,
    S

    • Tag Manager no es una solución de análisis en sí misma. Solo proporciona una forma más fácil de agregar seguimiento de análisis en tu sitio de WordPress. Si agregas Google Analytics añadiéndolo a través de una etiqueta en Tag Manager, entonces puedes desinstalar de forma segura el plugin de Google Analytics en tu sitio de WordPress.

      Administrador

  17. Perdón, quizás soy más lento para entender, pero ¿cuál es la diferencia entre Google Analytics y Tag Manager? Quiero decir, ¿qué me pierdo usando solo Analytics?

    • Google Tag Manager simplemente facilita la adición de análisis, la gestión y el seguimiento de eventos, y la adición de scripts de terceros a tu sitio web. Tag Manager no es un sustituto de los análisis.

      Administrador

  18. Qué guía tan detallada y paso a paso sobre GTM. Acabo de completar mi capacitación sobre esto y ahora lo tengo completamente claro.
    Creo que no tiene nada que ver con SEO y posicionamiento, es solo para administrar todas las etiquetas que podríamos usar en nuestro sitio web.

    Saludos
    Susan Meko

  19. Hola, ¿puedo preguntar? Tengo dos instalaciones de WordPress en un mismo dominio. Por ejemplo: http://www.wp1.com/wp2.

    ¿El seguimiento de wp1 podrá darme las estadísticas de w2? Si no, ¿cómo puedo lograr eso?

    Espero tu respuesta.

    Gracias de antemano.

  20. Eso es genial, un tutorial simple con detalles. Un amigo me lo comentó pero no lo explicó con tanto detalle… Por favor, aparte de gestionar todos los scripts en un solo panel, ¿mejora de alguna manera el SEO del sitio…. ??

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO será publicada. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.