La etiqueta de Google y Tag Manager

Este documento está dirigido a los usuarios que no tienen experiencia con el etiquetado y quieren saber qué configuración de etiquetado es la más adecuada para ellos.

En este documento se ofrece una descripción general de la etiqueta de Google (gtag.js) y de Tag Manager. Si configuras Google Analytics en una aplicación, consulta también la documentación de Firebase.

Introducción

La etiqueta de Google es una única etiqueta que puedes añadir a tu sitio web para medir el rendimiento del sitio y de los anuncios. Es necesaria para enviar datos a Google Ads y a Google Analytics 4 (GA4), a los que también se denomina destinos.

¿Qué opción de etiquetado es la más adecuada para mí? 

Puedes usar la etiqueta de Google por sí sola o con Tag Manager.

En este artículo se explican las diferentes opciones de etiquetado para que puedas elegir la que mejor se ajuste a tus necesidades.

¿Cuándo se debe usar solo la etiqueta de Google?

La etiqueta de Google es la base de todos los casos de uso de las mediciones. Si utilizas Google Ads o GA4, el producto genera automáticamente una etiqueta de Google. El siguiente paso es actualizar el código de tu sitio web.

Con la etiqueta de Google, puedes hacer lo siguiente:

  • Usar una sola etiqueta de Google en todo tu sitio web en lugar de gestionar varias etiquetas para diferentes cuentas de producto de Google.
  • Medir automáticamente vistas de páginas, clics, desplazamientos y otras acciones en Google Analytics. Más información
  • Medir automáticamente las conversiones y el rendimiento de las campañas en Google Ads. Más información
  • Configurar estos ajustes de la etiqueta de Google en tus productos de Google (por ejemplo, Google Ads, Google Analytics o Google Tag Manager) para no tener que modificar el código de tu sitio.

Esta opción de etiquetado es ideal para los profesionales del marketing que no tienen un equipo de desarrollo web disponible o que utilizan un sistema de gestión de contenido (CMS). Si solo necesitas las métricas predeterminadas, como las vistas de páginas, los clics y los desplazamientos, puedes configurar la etiqueta de Google una vez y listo.

¿Empezamos?

¿Quieres disfrutar de un mayor control?

Puedes añadir una de estas opciones de etiquetado a tu etiqueta de Google:

  • Google Tag Manager (recomendado)
  • gtag.js

¿Qué es gtag.js?

La etiqueta de Google usa el gtag.js framework de JavaScript para añadir etiquetas de Google directamente a las páginas web. Para utilizar gtag.js de forma eficaz, debes tener conocimientos de HTML, CSS y JavaScript.

Esta opción de etiquetado es la más adecuada para los desarrolladores web que se encargan del etiquetado y solo necesitan gestionar etiquetas de Google. Con gtag.js, puedes instalar etiquetas directamente en tu página web sin tener que configurar un sistema de gestión de etiquetas.

Si tus necesidades de etiquetado cambian, siempre puedes migrar tus etiquetas a Google Tag Manager más adelante.

¿Qué es Google Tag Manager?

Tag Manager es un sistema de gestión de etiquetas que te permite actualizar de forma rápida y sencilla las etiquetas de tu sitio web o aplicación móvil desde una interfaz web. Puedes usar Google Tag Manager para cargar una etiqueta de Google en tu sitio web. Este método equivale a añadir el fragmento de código de la etiqueta de Google a tu sitio.

Tag Manager admite etiquetas específicas de Google, una amplia gama de etiquetas de terceros e, incluso, etiquetas personalizadas. Consulta todas las etiquetas admitidas.

Esta es la mejor opción para los profesionales del marketing que se encargan del etiquetado y necesitan gestionar etiquetas de Google y de terceros. También es una buena opción para los administradores de etiquetas y las agencias, y se puede usar en combinación con modificaciones del código del sitio.

Comparación de Google Tag Manager y gtag.js

En la siguiente tabla se muestran las diferencias entre Tag Manager y gtag.js.

gtag.js (implementación de código)

Google Tag Manager (sistema de gestión de etiquetas)

Debes escribir código para implementar etiquetas y personalizar tu colección web.

Implementa y modifica al instante etiquetas de Google y de terceros sin tener que editar código.
Consulta todas las etiquetas admitidas.

Solo puedes enviar datos de productos de Google.

Puedes enviar datos de etiquetas de Google, de terceros y personalizadas.

Debes gestionar las etiquetas desde el código y puede que tengas que duplicar el código para distintas propiedades, como un sitio web o una aplicación.

Gestiona las etiquetas de tu sitio web y de tus aplicaciones desde tagmanager.google.com.

El control de versiones depende de cómo gestiones el código.

Colabora con otros usuarios mediante espacios de trabajo y etiquetas de control de versiones.

Se admite el etiquetado del lado del servidor. Deberás usar Google Tag Manager para implementar e interactuar con tu contenedor de servidor.

Tag Manager te permite implementar etiquetas fácilmente en un servidor. Si estás sopesando esta opción, consulta el artículo Etiquetado en el cliente y en el servidor.

Es compatible con generadores de sitios estáticos, CMS, creadores de sitios web o páginas HTML creadas manualmente que admiten JavaScript.

Es compatible con muchos CMS y creadores de sitios web. Si tu sistema no admite Tag Manager, utiliza la etiqueta de Google (gtag.js).

Coste: gratuito

Coste: gratuito

¿Todo listo para usar Google Tag Manager?

Configurar e instalar Tag Manager

Si ya usas Tag Manager, sigue haciéndolo. Tag Manager es totalmente compatible con las etiquetas de Google Ads y Google Marketing Platform, por lo que no es necesario implementar código adicional con gtag.js en tu sitio web si ya estás utilizando esta solución.

Pasos siguientes