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 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. Si no conoces 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 cada página de tu sitio. Si implementas la etiqueta de Google en todo tu sitio, obtendrás los siguientes beneficios:

  • Medición de conversiones preparada para el futuro. Aprovecha las últimas funciones e integraciones 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, haz lo siguiente:

  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 los siguientes productos:

  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 desees 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 se establezca el comando config en tu sitio web, como los eventos recopilados automáticamente y la vinculación de conversiones. Obtén más información sobre el comando config

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.

Verifica con Tag Assistant

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

Cuando conectes Tag Assistant a tu sitio web, verifica si el ID de tu 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 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 a googletagmanager.com, significa que tu etiqueta se activa.

    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.
    • 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 envías ningún evento. Verifica si envías 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 establezcas send_page_view en false.

    Si aún no ves ninguna solicitud, comprueba si hay errores en la consola de Herramientas para desarrolladores.

    Para realizar una depuración detallada, usa Tag Assistant.

    [vn_Tag_Assistant]: //tagassistant.google.com

Próximos pasos

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