Modo propio: Carga secuencias de comandos de Google a través del etiquetado del servidor

Este artículo está dirigido a los desarrolladores que usan el etiquetado del servidor y desean publicar secuencias de comandos de Google desde sus propios servidores.

El etiquetado del servidor te permite cargar secuencias de comandos de Google, como gtm.js o gtag.js, directamente desde tu servidor de etiquetas en lugar de hacerlo desde los servidores de Google. Esto te permite publicar datos en un contexto de origen.

Antes de comenzar

En esta guía, se da por sentado que ya hiciste lo siguiente:

• Cómo configurar un contenedor de servidor en Tag Manager
• Cómo configurar un servidor de etiquetado
• Configuraste un dominio de servidor personalizado

Para comenzar, elige tu opción de implementación.

Google Tag Manager gtag.js

Paso 1: Configura el cliente

Para establecer un contexto propio entre tu contenedor web y tu servidor de etiquetado, las secuencias de comandos de Google se deben cargar a través de tu servidor.

Nota: Si tienes una instalación de noscript, solo se cargará el contenedor web a través de la publicación propia. Las dependencias se seguirán cargando a través de extremos de terceros.

Para cargar secuencias de comandos de Google a través de tu contenedor de servidor, sigue estos pasos:

Elige una opción de implementación para ver las instrucciones.

Paso 2: Actualiza el dominio de origen de la secuencia de comandos

De forma predeterminada, Tag Manager o gtag.js cargan sus dependencias desde servidores de Google, como https://example.com/metrics. Debes actualizar la URL de la secuencia de comandos en tu sitio web para cargar dependencias a través de tu propio servidor.

Elige una opción de implementación para ver las instrucciones.

Paso 3: Verifica la fuente de tus secuencias de comandos

En las siguientes instrucciones, se muestra cómo realizar la prueba con Google Chrome. Puedes usar el navegador que quieras, pero los pasos pueden variar.

Para probar si el contenedor del servidor carga las dependencias, haz lo siguiente:

1. Abre tu sitio web en una pestaña nueva del navegador.
2. Abre las herramientas para desarrolladores del navegador. En Google Chrome, puedes hacer clic con el botón derecho en cualquier lugar de la página y seleccionar Inspeccionar.

3. En las herramientas para desarrolladores, abre la pestaña Sources. En esta ventana, se muestran todas las dependencias que se cargaron cuando abriste el sitio web.

   • ✅ Tu implementación es correcta si gtm.js se carga desde la fuente que especificaste.

   

   • ❌ Si la pestaña Sources muestra www.googletagmanager.com como la fuente de gtm.js, las dependencias aún se cargan desde los servidores de Google.

   

   • Verifica si modificaste la URL de origen en tu código. Consulta el paso 2.
   • Verifica si el código está publicado.

Próximos pasos

Si utilizas el modo de consentimiento, puedes configurar el comportamiento de las etiquetas específico de la región para tener aún más control.