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 el 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 e 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 utilices 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 todas las páginas 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 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

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 tu ID de etiqueta de Google aparece 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 tu etiqueta envíe datos con las herramientas para desarrolladores de tu navegador, sigue estos pasos:

  1. Abre tu sitio web en una pestaña o ventana nueva del navegador.
  2. Abre las herramientas para desarrolladores de tu navegador (por lo general, haciendo clic con el botón derecho y seleccionando Inspeccionar o presionando F12).
  3. Navega a la pestaña Red.
  4. Asegúrate de poder capturar todo el tráfico de red:
    • Marca la casilla de verificación Preserve log para que no se pierdan las solicitudes durante las recargas o la navegación de la página.
    • Vuelve a cargar la página si es necesario para capturar las solicitudes iniciales.
  5. En el cuadro de filtro, escribe g/collect (la ruta común para la recopilación de datos de Google Analytics) para reducir los hits.
  6. Busca solicitudes a google-analytics.com/g/collect (para Google Analytics) o la URL de tu contenedor del servidor.
  7. Verifica que la solicitud se haya realizado correctamente:
    • Código de estado: Busca 204 No Content o 200 OK.
    • Carga útil: Haz clic en la solicitud y revisa la pestaña Carga útil (o Parámetros de cadena de consulta) para asegurarte de que se envíen el ID de medición (tid) y los parámetros de eventos.

Próximos pasos

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