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 apps.

Etiqueta de Google

La etiqueta de Google es una etiqueta única que puedes agregar a tu sitio web para medir el rendimiento de estos 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 utilizas Google Ads o GA4, el producto genera automáticamente una etiqueta de Google.

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

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

A continuación, te mostramos cómo comenzar a usar la etiqueta de Google:

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 las etiquetas de 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 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 gama de etiquetas de terceros y hasta etiquetas personalizadas. Para obtener detalles sobre las opciones de etiquetas compatibles, consulta todas las etiquetas compatibles.

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 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 utilices 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 de JavaScript gtag.js 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 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 adaptación que requiere la configuración de un sistema de administración de etiquetas.

Si es necesario que evolucione tu etiquetado, 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 propios para hacer lo siguiente:

  • Distinguir a los usuarios únicos
  • Distinguir 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 la cookie en .example.co.uk. La configuración de cookies en el dominio de nivel más alto posible permite que la medición se realice 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 sobre cookies e identificación de usuarios.

Diferencias 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 se pueden enviar datos de productos de Google.

Puede enviar datos para las etiquetas de Google, de terceros y 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 el código.

Colabora con otros usando espacios de trabajo y etiquetas de control de versión.

Es posible realizar el etiquetado 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 estás explorando esta opción, consulta Etiquetado del cliente y del servidor.

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

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

Costo: gratuito

Costo: gratuito

Próximos pasos