Thanks for previewing Google's new tag platform documentation! This site is in public beta. (Feedback)

Cargar secuencias de comandos de Google mediante el etiquetado en el servidor

El etiquetado en el servidor de Google Tag Manager te permite cargar secuencias de comandos de Google, como gtm.js o gtag.js, directamente desde tu servidor de etiquetado en lugar de hacerlo desde los servidores de Google.

Pasos de la configuración

En este artículo, se describe cómo configurar un contenedor de servidor para cargar un contenedor web de Tag Manager desde tu servidor de etiquetado. En este artículo, se presupone que ya has creado un contenedor de servidor.

Configurar el cliente Google Tag Manager: contenedor web

Usa esta opción cuando quieras implementar un contenedor web de Tag Manager para enviar datos a tu servidor de etiquetado.

  1. En el espacio de trabajo de tu contenedor del servidor, selecciona Clientes en la parte izquierda de la página.
  2. Haz clic en Nuevo.
  3. Selecciona el tipo de cliente Google Tag Manager: contenedor web. Cuadro de diálogo de selección del tipo de cliente, en el que se resalta el cliente Google Tag Manager: contenedor web

  4. En Configuración del cliente, haz clic en Añadir ID de contenedor e introduce el ID del contenedor web de Tag Manager que vas a usar en tu sitio web. Configuración del cliente Google Tag Manager: contenedor web

La casilla Servir automáticamente todas las secuencias de comandos de Google dependientes está marcada de forma predeterminada. De este modo, se actualiza el comportamiento del contenedor web de Tag Manager para que sus dependencias, como gtm.js, gtag.js, analytics.js o ec.js, también se soliciten desde el servidor de etiquetado. Si quieres que se sirva solo el contenedor inicial desde el servidor de etiquetado, desmarca esta opción.

Actualizar el código de Tag Manager

Para cargar las secuencias de comandos desde tu contenedor del servidor, actualiza el código de Tag Manager en tu sitio web.

  1. Localiza en la página el código de Tag Manager u obtén uno nuevo en tu contenedor web de Tag Manager.
  2. Sustituye la cadena https://www.googletagmanager.com por la URL de tu servidor de etiquetado.

Por ejemplo, si la URL de tu servidor de etiquetado es https://tagging.example.com y el ID de tu contenedor web es GTM-ABC, el código final será similar al siguiente:

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://tagging.example.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-ABC);</script>
<!-- End Google Tag Manager -->

Configurar un cliente Google Analytics: GA4

Usa esta opción si quieres implementar en tu página una etiqueta gtag de Google Analytics 4 para que envíe datos a un servidor de etiquetado.

En el espacio de trabajo de tu contenedor del servidor, selecciona Clientes en la parte izquierda de la página.

  1. Haz clic en Nuevo.
  2. En Seleccionar tipo de cliente, selecciona Google Analytics: GA4. Cuadro de diálogo de selección del tipo de cliente, en el que se resalta el cliente Google Analytics: GA4

  3. En Criterios de activación, marca la casilla Rutas predeterminadas de gtag.js para IDs específicos.

  4. Introduce el ID de medición que vas a usar en tu sitio web. Configuración del cliente Google Analytics: GA4

La casilla Servir automáticamente todas las secuencias de comandos de Google dependientes está marcada de forma predeterminada. De este modo, se actualiza el comportamiento de la etiqueta para que sus dependencias, como gtag.js, analytics.js o ec.js, también se soliciten desde el servidor de etiquetado. Si quieres que se sirva solo el contenedor inicial desde el servidor de etiquetado, desmarca esta opción.

Configurar una etiqueta de Google Analytics 4 en JavaScript

Si has configurado la etiqueta Google Analytics: GA4 mediante Tag Manager, configura el contenedor web de Tag Manager como se indica en la sección correspondiente de este artículo para que se envíen datos a tu servidor de etiquetado.

Para cargar las secuencias de comandos desde tu contenedor del servidor, actualiza el código de Google Analytics 4 en tu sitio web.

  1. Localiza en la página el código u obtén uno nuevo en Google Analytics.
  2. Sustituye la cadena https://www.googletagmanager.com por la URL de tu servidor de etiquetado.

Por ejemplo, si la URL de tu servidor de etiquetado es https://tagging.example.com y tu ID de medición es G-1234, el fragmento final será similar al siguiente:

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://tagging.example.com/gtag/js?id=G-1234"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-1234', {
     transport_url: 'https://tagging.example.com',
     first_party_collection: true
  });
</script>

Configurar Google Analytics: Universal Analytics

Usa esta opción si quieres implementar una etiqueta gtag de Universal Analytics en tu página para enviar datos a un servidor de etiquetado.

En el espacio de trabajo del contenedor del servidor, selecciona Clientes en la parte izquierda de la página.

  1. Haz clic en Nuevo.
  2. Selecciona el tipo de etiqueta Google Analytics: Universal Analytics. Cuadro de diálogo de selección del tipo de cliente, en el que se resalta el cliente Google Analytics: Universal Analytics

  3. Marca la casilla Rutas predeterminadas de gtag.js para IDs específicos.

  4. Introduce el ID de medición que vas a usar en tu sitio web. Configuración del cliente Google Analytics: Universal Analytics

La casilla Servir automáticamente todas las secuencias de comandos de Google dependientes está marcada de forma predeterminada. De este modo, se actualiza el comportamiento de la etiqueta para que sus dependencias, como gtag.js, analytics.js o ec.js, también se soliciten desde el servidor de etiquetado. Si quieres que se sirva solo el contenedor inicial desde el servidor de etiquetado, desmarca esta opción.

Actualizar la etiqueta de Universal Analytics en JavaScript

Si has configurado la etiqueta de Universal Analytics mediante Tag Manager, configura el contenedor web de Tag Manager como se indica en la sección correspondiente de este artículo.

Para cargar las secuencias de comandos desde tu contenedor del servidor, actualiza el fragmento de Universal Analytics en tu sitio web.

  1. Localiza en la página el fragmento u obtén uno nuevo en tu interfaz de usuario de Google Analytics.
  2. En el fragmento, sustituye la cadena https://www.googletagmanager.com por la URL de tu servidor de etiquetado.

Por ejemplo, si la URL de tu servidor de etiquetado es https://tagging.example.com y tu ID de seguimiento es UA-1234-1, el fragmento final será similar al siguiente:

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://tagging.example.com/gtag/js?id=UA-1234-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-1234-1', {
     transport_url: 'https://tagging.example.com',
     first_party_collection: true
  });
</script>

Limitaciones

Ten en cuenta que, cuando la secuencia de comandos se sirve desde el servidor de etiquetado, no se admite el comportamiento de consentimiento específico por región.