La etiqueta de Google y Tag Manager

En esta página, se proporciona una descripción general de la etiqueta de Google, Google Tag Manager y gtag.js, y se explica cómo usarlos para configurar el etiquetado en tu sitio web. Si configuras Google Analytics en una app, consulta Configura la medición de la app.

Etiqueta de Google

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. Debes usar la etiqueta de Google para enviar datos a Google Ads y Google Analytics 4 (GA4). Las cuentas a las que envías los datos de la etiqueta de Google también se denominan destinos.

La etiqueta de Google es la base para todos los casos de uso de medición. Si usas Google Ads o GA4, el producto genera automáticamente una etiqueta de Google por ti.

A continuación, presentamos algunos beneficios de utilizar la etiqueta de Google:

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.

Para comenzar a usar la etiqueta de Google, sigue estos pasos:

Si necesitas más opciones de etiquetado, agrega Google Tag Manager o gtag.js a tu implementación.

Google Tag Manager

Google Tag Manager es un sistema de administración de etiquetas que te permite actualizar etiquetas en tu sitio web o app para dispositivos móviles desde una interfaz web. Puedes utilizar Google Tag Manager para cargar una etiqueta de Google en tu sitio web en lugar de agregar manualmente el fragmento de código de la etiqueta de Google a tu sitio.

Google Tag Manager es compatible con etiquetas específicas de Google, una amplia variedad de etiquetas de terceros y etiquetas personalizadas. Para obtener detalles sobre las opciones de etiquetas admitidas, consulta todas las etiquetas admitidas.

Google Tag Manager puede ser útil 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 las agencias y los administradores de etiquetas, y se puede usar junto con los cambios en el código del sitio.

Instalar y configurar Tag Manager →

Si usabas etiquetas de configuración de GA4, estas se actualizaron automáticamente a la etiqueta de Google. Tus mediciones y capacidades no cambiaron, y no es necesario que realices ninguna acción. Tus etiquetas del evento de GA4 permanecen iguales.

gtag.js

Si ya utilizas Google Tag Manager, no es necesario que uses gtag.js. Google Tag Manager es totalmente compatible con las etiquetas de Google Ads y Google Marketing Platform, y no necesitas implementar código adicional con gtag.js en tu sitio.

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 dominar HTML, CSS y JavaScript.

gtag.js es la mejor opción para 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, puedes migrate tus etiquetas a Google Tag Manager más adelante.

Para obtener la información más reciente sobre el uso de cookies en Google Analytics 4, consulta Uso de cookies en sitios web.

La biblioteca de JavaScript gtag.js usa cookies propias para hacer lo siguiente:

  • Distinguir a los usuarios únicos
  • Distingue las sesiones para un usuario.

Cuando se usa el fragmento de JavaScript recomendado, las cookies se configuran en el nivel de dominio más alto posible. Por ejemplo, si la dirección de tu sitio web es blog.example.co.uk, gtag.js establece el dominio de cookies en .example.co.uk. Configurar cookies en el dominio de nivel más alto posible permite que las mediciones se realicen en subdominios sin configuración adicional.

gtag.js establece las siguientes cookies:

Nombre de cookie Hora de vencimiento predeterminada Descripción
_ga 2 años Se utiliza para distinguir a los usuarios.
_ga_<container-id> 2 años Se utiliza para conservar el estado de la sesión.

Personalización

Para obtener información sobre cómo personalizar la configuración de cookies predeterminada con gtag.js, consulta la Guía de identificación de usuarios y cookies.

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 ayuda a implementar etiquetas 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

Próximos pasos