Configura la etiqueta de Google con gtag.js

La etiqueta de Google es una sola etiqueta 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 el sitio y conectarla con 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 gtag.js. Si no estás familiarizado con JavaScript, te recomendamos que uses Google Tag Manager en lugar 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 todas las páginas de tu sitio. Si implementas la etiqueta de Google en todo tu sitio, obtendrás los siguientes beneficios:

  • Medición de conversiones apta para el futuro. Aprovecha las funciones y las integraciones más recientes a medida que estén disponibles para que estés mejor preparado para 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 integración optimizadas y más sencillas 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 observaron en el día debido a factores de la industria.

Agrega la etiqueta de Google a tu sitio web

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

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

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

    gtag('config', 'TAG_ID');
  </script>

    Se necesita el comando config para enviar datos a los productos publicitarios de Google. Muchas funciones requieren que el comando config esté configurado en tu sitio web, como los eventos recopilados automáticamente y la vinculación de conversiones. Más información sobre el comando config

Verifica la etiqueta de Google

Para verificar que tu etiqueta esté enviando datos, puedes usar Tag Assistant o las herramientas para desarrolladores de tu navegador.

Verifica 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, comenzando con "https://" o "http://".
  4. Haz clic en Conectar.

Cuando conectes Tag Assistant a tu sitio web, verifica si aparece tu ID de etiqueta de Google en el encabezado Google tags found. 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 cobertura de la etiqueta para obtener una descripción general del estado de 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 a googletagmanager.com, 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 para un producto que configuraste, es posible que solo hayas cargado el producto con el comando config, pero 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 page_view evento cuando se llama al comando config, a menos que configures send_page_view como false.

    Si aún no ves ninguna solicitud, consulta la Consola de las Herramientas para desarrolladores para ver si hay errores.

    Para realizar una depuración detallada, usa 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 los datos y comprender los cronogramas 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.