Configura la etiqueta de Google con gtag.js

Nota: Te recomendamos que uses Google Tag Manager para configurar e implementar etiquetas en tu sitio.

La etiqueta de Google es una etiqueta única que puedes agregar a tu sitio web para usar los productos de medición y publicidad de Google, como Google Ads, Google Analytics, Campaign Manager, Display & Video 360 y Search Ads 360. En lugar de administrar varias etiquetas para diferentes productos de Google, puedes usar la etiqueta de Google en todo tu sitio y conectarla a varios destinos.

Más información sobre la etiqueta de Google

En esta página, se explica cómo configurar e implementar una etiqueta de Google en tu sitio con el framework de gtag.js.

Beneficios

La mejor manera de medir las conversiones y optimizar el valor de tu inversión en marketing de Google es colocar etiquetas en cada página de tu sitio. Si implementas la etiqueta de Google en todo tu sitio, obtendrás acceso a los siguientes beneficios:

• Medición de conversiones preparada para el futuro Aprovecha las funciones y las integraciones más recientes a medida que estén disponibles para que puedas seguir midiendo las conversiones con precisión si se producen cambios.
• Administración de etiquetas sin código. Activa las funciones de medición en los productos de Google sin tener que cambiar manualmente las etiquetas de tu página.
• Integración más rápida y sencilla. Implementación y una integración más sencillas y optimizadas con otros productos de Google, como Analytics y Google Ads
• Medición de conversiones más precisa La etiqueta de Google te ayuda a lograr una medición de conversiones más precisa cuando no hay cookies disponibles y a recuperar las conversiones que no se observan actualmente debido a factores de la industria.

Agrega la etiqueta de Google a tu sitio web

Nota: Actualizamos todas las etiquetas de Google (gtag.js) para incluir las funciones de Google Tag Manager. Los sitios web que solo usan gtag.js ahora pueden usar las funciones de etiquetado basadas en IUs, la depuración y el control de versiones existentes que hacen que GTM sea una herramienta tan potente.

Si es la primera vez que instalas una etiqueta de Google, te recomendamos que uses Google Tag Manager. Se seguirán admitiendo las implementaciones existentes y no es necesario que realices ninguna acción.

Para recopilar datos con la etiqueta de Google, sigue estos pasos:

1. Abre un producto de Google que utilices y accede a la pantalla de la etiqueta de Google. Cómo encontrar tu ID de etiqueta en las siguientes plataformas:

   • Google Ads
   • Google Analytics
   • Google Floodlight

2. Copia tu ID de etiqueta de Google.

3. Pega tu ID de etiqueta de Google en la siguiente muestra de código. Coloca el fragmento de la etiqueta de Google inmediatamente después de la etiqueta HTML <head> de apertura en cada página que quieras medir.

     <!-- Google tag -->
     <script async src="https://www.googletagmanager.com/gtm.js?id=TAG_ID"></script>
     <script>
       window.dataLayer = window.dataLayer || [];
       function gtag(){dataLayer.push(arguments);}
       gtag('js', new Date());
     </script>
   

   Nota: El comando gtag('config') está obsoleto y ya no se incluye en los fragmentos de instalación predeterminados. Establece la configuración y los destinos en la IU de Google Tag Manager, o bien utiliza gtag('set') para los parámetros en la página. Los fragmentos existentes que contienen gtag('config') seguirán funcionando para mantener la retrocompatibilidad. Obtén más información.

Cómo verificar la etiqueta de Google

Para verificar que tu etiqueta envíe datos, puedes usar Tag Assistant o las herramientas para desarrolladores de tu navegador.

Verificar con Tag Assistant

1. Ve a tagassistant.google.com/.
2. Haz clic en Add domain.
3. Ingresa la URL del sitio web que quieres depurar, que debe comenzar con "https://" o "http://".
4. Haz clic en Conectar.

Cuando conectes Tag Assistant a tu sitio web, verifica si tu ID de etiqueta de Google aparece en el encabezado Etiquetas de Google encontradas. Un ícono verde o azul indica que se encontró la etiqueta y que funciona correctamente.

Si Tag Assistant no reconoce tu etiqueta, consulta las sugerencias de depuración en el Centro de ayuda de Tag Manager.

También puedes acceder al resumen de la cobertura de la etiqueta para obtener una descripción general del estado del etiquetado de tu sitio.

Verifica con las herramientas para desarrolladores del navegador

Para verificar que las etiquetas se activen en una página, sigue estos pasos:

1. Abre tu sitio web en Google Chrome.
2. Abre las herramientas para desarrolladores de Chrome (Ver > Desarrollador > Herramientas para desarrolladores).
3. Abre la pestaña Red.
4. Actualiza la página.

5. Si ves solicitudes para googletagmanager.com, significa que tu etiqueta se está activando.

   Para verificar aún más tu configuración, busca hits de productos específicos de Google:

   • Google Ads: Filtra las solicitudes a googleadservices.com o googlesyndication.com.
   • Google Analytics: Filtra las solicitudes a google-analytics.com o analytics.google.com.
   • Floodlight: Filtra las solicitudes a doubleclick.net.

   Si no ves solicitudes de un producto que configuraste, es posible que solo hayas cargado el producto con el comando config, pero que no estés enviando ningún evento. Verifica si estás enviando eventos para este producto con el comando event. Por ejemplo, Google Analytics envía automáticamente un evento page_view cuando se llama al comando config, a menos que configures send_page_view como false.

   Si aún no ves ninguna solicitud, revisa la consola de las herramientas para desarrolladores para ver si hay errores.

   Nota: Si usas el etiquetado del servidor, verifica las solicitudes de red en tu servidor de etiquetado en lugar de en el navegador.

   Para obtener una depuración detallada, usa [Tag Assistant][vn_Tag_Assistant].

   [vn_Tag_Assistant]: //tagassistant.google.com

Para obtener información más detallada sobre cómo verificar tu configuración de Google Analytics, identificar problemas cuando no aparecen datos y comprender los plazos de procesamiento de datos, consulta Verifica y soluciona problemas de tu configuración de Google Analytics.

Próximos pasos

Ahora que configuraste tu etiqueta de Google, configura los productos de Google y envía datos de eventos.