Configura el modo propio

Este documento está dirigido a los usuarios que desean implementar la etiqueta de Google en modo propio. Recomendamos el modo propio para lograr la configuración de etiquetas más duradera.

Descripción general

El modo propio te permite implementar tu etiqueta de Google con tu propia infraestructura propia, alojada en el dominio de tu sitio web (p.ej., example.com). Esta infraestructura se encuentra entre tu sitio web y los servicios de Google, lo que hace que tu infraestructura de origen sea la única tecnología que interactúe directamente con los usuarios de tu sitio web. El modo propio agrega una capa de seguridad de datos y permite controles adicionales de privacidad de los datos, como la ofuscación completa de IP, sin comprometer tu medición. La configuración en esta documentación te ayudará a recuperar un X% más de indicadores de medición en tu sitio web. Puedes configurarlo mediante la red de distribución de contenidos (CDN), el balanceador de cargas o el servidor web existente para habilitar el modo propio.

En las configuraciones estándar de la etiqueta de Google, tu página web solicita una etiqueta de Google a un dominio de Google (p.ej., www.googletagmanager.com). Cuando la etiqueta se activa, envía solicitudes de medición directamente al producto de Google. En el modo propio, tu sitio web carga la etiqueta de Google desde tu dominio propio (p.ej., example.com). Cuando la etiqueta se activa, envía solicitudes de medición a tu dominio propio, donde se reenvían al producto de Google relevante.

Experimentarás una continuidad de medición completa cuando cambies de la configuración estándar de la etiqueta de Google a la configuración del modo propio.

En este diagrama, se representa el flujo de información en el modo propio:

arquitectura en modo propio

Antes de comenzar

En esta guía, se supone que tu sitio web ya está configurado con los siguientes elementos:

1. Elige la ruta de publicación de etiquetas

Debes reservar una ruta de acceso en el dominio de tu sitio web para entregar la etiqueta. Asegúrate de que esta ruta de acceso no esté en uso en tu dominio.

Elige cualquier ruta que desees para configurar el modo propio. Algunos ejemplos de rutas de acceso que puedes usar son /metrics, /securemetric, /analytics o, preferentemente, una cadena alfanumérica aleatoria que ya no uses en tu sitio web.

Completa los siguientes campos para propagar los ejemplos en todo este documento.

Your domain: example.com
Google tag ID: GTM-123456
Tag serving path: /metrics

2. Enruta el tráfico

En esta sección, se supone que tu sitio web ya usa una CDN o un balanceador de cargas que admite el enrutamiento de tráfico por rutas de acceso.

Google Cloud

Debes configurar un backend nuevo que busque la ubicación geográfica aproximada del visitante del sitio y cree reglas de enrutamiento en tu balanceador de cargas de aplicaciones externo existente.

Crea el backend nuevo

  1. Abrir el balanceador de cargas de GCP

  2. En tu balanceador de cargas, abre la sección Configuración de backend. Crea un servicio de backend nuevo. Captura de pantalla de la configuración del backend

  3. Configura tu nuevo servicio de backend con información de ubicación geográfica:

    • Especifica un nombre, como measurement-be-svc.
    • Configura el Tipo de backend como Grupo de extremos de red de Internet.
    • Configura el Protocolo como HTTPS y deja Tiempo de espera como el valor completado previamente.
    • En Backends, haz clic en el menú desplegable Grupo de extremos de red de Internet y crea un nuevo grupo de extremos de red de Internet:
      • Configura el Tipo de grupo de extremos de red como NEG de Internet (Global, Regional).
      • Configura Alcance como Global.
      • Configura Agregar mediante como Nombre y puerto de dominio completamente calificados.
      • Establece Nombre de dominio completamente calificado como GTM-123456.fps.goog.
      • Haz clic en CREAR para crear el extremo.
      • Cierra la pestaña Grupo de extremos de red para volver a la pestaña Nuevo servicio de backend.
    • Busca el nombre del grupo de extremos de red nuevo y selecciónalo.
    • Abre la sección Configuración avanzada. Agrega los siguientes encabezados de solicitud personalizados.
      Nombre del encabezado Valor del encabezado
      Host GTM-123456.fps.goog
      X-Gclb-Country {client_region}
      X-Gclb-Region {client_region_subdivision}
    • Revisa los demás parámetros de configuración. Ni Cloud CDN ni Cloud Armor no son necesarios para esta integración, por lo que puedes inhabilitar ambos de forma segura.
    • Guarda el servicio de backend nuevo.

Configura reglas de enrutamiento

  1. En tu balanceador de cargas, abre la sección Reglas de enrutamiento.

  2. Agrega las siguientes reglas de host y ruta de acceso:

    Host Ruta de acceso Backend
    * /metrics/* measurement-be-svc

  3. Actualiza la configuración del balanceador de cargas.

  4. En un navegador, navega a https://example.com/metrics/healthy para verificar la configuración. La página debe tener el texto ok. Navega a https://example.com/metrics/?validate_geo=healthy para verificar que se incluya la información geográfica. La página debe tener el texto ok.

Cloudflare

Para entregar tu etiqueta en modo propio, deberás crear una entrada CNAME para un subdominio nuevo, una regla de origen para reenviar solicitudes y una regla de transformación a fin de incluir información de ubicación geográfica.

Crear entrada CNAME

Elige un subdominio que deseas reservar para la entrada de CNAME. Completa lo siguiente para propagar los ejemplos en todo este documento. Este CNAME nunca se expone fuera de tu configuración de Cloudflare, por lo que el nombre es arbitrario.

CNAME subdomain: fps
  1. En la pestaña DNS, abre la sección Registros.
  2. Agrega un registro nuevo con la siguiente configuración:
    • Configura el campo Tipo como CNAME.
    • Establece el Nombre como fps.
    • Establece el Destino en GTM-123456.fps.goog.
  3. Guarda el registro CNAME.

Crea la regla de origen

  1. En la pestaña Rules, abre Origin Rules y crea una regla.
  2. Ingresa un nombre para la regla, como Route measurement.
  3. Haz coincidir las solicitudes entrantes según una Expresión de filtro personalizada y haz clic en Editar expresión.
  4. Pega la siguiente expresión en el compilador: (http.host eq "example.com" and starts_with(http.request.uri.path, "/metrics"))
  5. Actualiza el Encabezado del host a Rewrite to... GTM-123456.fps.goog.
  6. Actualiza el registro DNS a Override to... fps.example.com.
  7. Guarda la regla de origen.
  8. Si hay otras reglas de origen, aumenta la posición de la regla recién creada para que se ejecute después de cualquier otra ruta de acceso comodín.
  9. En un navegador, navega a https://example.com/metrics/healthy para verificar la configuración. La página debe decir ok.

Incluir información de ubicación geográfica

  1. En la pestaña Reglas, abre Reglas de transformación.
  2. Crea una regla de Modifica el encabezado de la solicitud.
  3. Aplica la regla a Todas las solicitudes entrantes.
  4. Modifica el encabezado de la solicitud con la siguiente configuración:
    • Establece el operador en Set dynamic.
    • Establece el Nombre del encabezado en X-CfIpCountryRegion.
    • Establece el Valor como ip.src.subdivision_1_iso_code.
  5. Implementa la regla de transformación.
  6. Espera unos minutos para que se propague la regla. En un navegador, navega a https://example.com/metrics/?validate_geo=healthy para verificar la configuración. La página debe decir ok.

(Opcional) Quita los encabezados de IP del visitante

El modo propio no requiere la IP del visitante para funcionar correctamente. Puedes quitar todos los encabezados de IP de los visitantes con la opción para quitar las transformaciones administradas de los encabezados de IP de los visitantes.

Otro

Si quieres entregar tu etiqueta en modo propio, debes configurar tu CDN o el balanceador de cargas para enrutar las solicitudes al extremo del modo propio.

  1. Agrega un origen o un backend que apunte a GTM-123456.fps.goog.
  2. Anula el encabezado Host para que sea igual a GTM-123456.fps.goog. Permite el reenvío de todas las cookies y cadenas de consulta.
  3. Agrega una regla de ruta de acceso para /metrics/* a fin de enrutar el tráfico al modo propio.
  4. Configura la ruta de acceso reservada para que tenga mayor prioridad que la regla predeterminada.
  5. En un navegador, navega a https://example.com/metrics/healthy para verificar la configuración. La página debe decir ok.

Paso 3: Actualiza las secuencias de comandos en el sitio web para usar la ruta de medición

Reemplaza las secuencias de comandos en cada página del sitio web por una de las siguientes opciones:

gtag.js

En la parte superior de la sección <head>, busca las dos líneas de secuencia de comandos con el ID de tu etiqueta de Google:

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GTM-123456"></script>

y reemplázalas por la ruta de medición:

<!-- Google tag (gtag.js) -->
<script async src="/metrics/"></script>

gtm.js

En la parte superior de la sección <head>, reemplaza el fragmento de Tag Manager por lo 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=
'/metrics/?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','');</script>
<!-- End Google Tag Manager -->

Paso 4: Prueba la configuración de mediciones

Para probar la configuración de la medición, configura el contenedor para que tenga al menos una etiqueta que se active.

  1. Ve a Tag Assistant y obtén una vista previa de tu contenedor. Navega por tu sitio para activar etiquetas.

  2. En la pestaña Summary > Output > Hits Sent, verifica que los hits se enruten a /metrics.

    Captura de pantalla en la que se verifica la configuración

Paso 5: Comentarios

Proporciona comentarios sobre el modo propio a través del formulario de comentarios.