La etiqueta de Google y Tag Manager

Este documento está dirigido a personas que no tienen experiencia en el etiquetado y desean saber qué configuración de etiquetado es la mejor para ellas.

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

Descripción general

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

¿Cuál es la mejor opción de etiquetado para mí?

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

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

¿Cuándo se debe utilizar únicamente la etiqueta de Google?

La etiqueta de Google es la base para todos los casos de uso de medición. Si actualmente usas Google Ads o GA4, el producto genera automáticamente una etiqueta de Google para ti. El siguiente paso es actualizar el código de tu sitio web.

La etiqueta de Google te permite hacer lo siguiente:

  • Usar una sola etiqueta de Google en todo el sitio web en lugar de administrar varias etiquetas para diferentes cuentas de productos de Google
  • Mide automáticamente las vistas de páginas, los clics, los desplazamientos y mucho más en Google Analytics. Más información
  • Medir automáticamente las conversiones y el rendimiento de la campaña en Google Ads. Más información
  • Establece estos parámetros de configuración de la etiqueta de Google desde tus productos de Google (p.ej., Google Ads, Google Analytics o Google Tag Manager), lo que minimiza la necesidad de realizar cambios en el código de tu sitio.

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

¿Todo listo para comenzar?

¿Necesitas más control?

Considera agregar una de las siguientes opciones de etiquetado a tu etiqueta de Google:

  • Google Tag Manager (recomendado)
  • gtag.js

¿Qué es gtag.js?

La etiqueta de Google usa el framework gtag.js de JavaScript para agregar etiquetas de Google directamente a páginas web. Para usar gtag.js de manera eficaz, debes tener un alto nivel de competencia en HTML, CSS y JavaScript.

Esta opción de etiquetado es ideal para los desarrolladores web que están a cargo del etiquetado y solo necesitan administrar las etiquetas de Google. gtag.js te permite instalar etiquetas directamente en tu página web, sin el período de ajuste del rendimiento que requieren los sistemas de administración de etiquetas.

Si tu etiquetado necesita evolucionar, siempre puedes migrate tus etiquetas a Google Tag Manager más adelante.

¿Qué es Google Tag Manager?

Tag Manager es un sistema de administración de etiquetas que te permite actualizar etiquetas de forma fácil y rápida en tu sitio web o app para dispositivos móviles desde una interfaz web. Puedes usar Google Tag Manager para cargar una etiqueta de Google en tu sitio web. Este método equivale a agregar el fragmento de código de la etiqueta de Google a tu sitio.

Tag Manager es compatible con etiquetas específicas de Google, una amplia variedad de etiquetas de terceros y, también, etiquetas personalizadas. Consulta todas las etiquetas compatibles.

Esta opción es la mejor para los especialistas en marketing que están a cargo del etiquetado y necesitan administrar Google y las etiquetas de otras partes. También es una buena opción para los administradores de etiquetas y las agencias, y se puede usar junto con cambios en el código del sitio.

Comparación entre Google Tag Manager y gtag.js

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

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

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

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

Implementa y modifica ambas etiquetas de Google y de terceros sobre la marcha sin editar código.
Ve todas las etiquetas compatibles

Solo puede enviar datos de productos de Google.

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

Debes administrar tus etiquetas desde el código y es posible que debas duplicar el código para diferentes salidas, como la Web y las aplicaciones.

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

El control de versión depende de cómo administres tu código.

Colabora con otras personas mediante lugares de trabajo y etiquetas de control de versiones.

Es posible etiquetar del servidor. Aún debes utilizar Google Tag Manager para implementar e interactuar con el contenedor del servidor.

Tag Manager te permite implementar etiquetas fácilmente en un servidor. Si exploras esta opción, consulta Etiquetado del cliente y del servidor.

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

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

Costo: gratuito

Costo: gratuito

¿Estás listo para usar Google Tag Manager?

Instalar y configurar Tag Manager →

Si ya utilizas Tag Manager, sigue haciéndolo, ya que es compatible con las etiquetas de Google Ads y Google Marketing Platform, y no es necesario implementar código adicional con gtag.js en tu sitio si este ya está en uso.

Próximos pasos