Este documento está dirigido a los usuarios que desean implementar la etiqueta de Google en el modo de origen. Recomendamos el modo propio para obtener la configuración de etiquetas más duradera.
Descripción general
El modo de origen te permite implementar una etiqueta de Google con tu propia infraestructura de origen, alojada en el dominio de tu sitio web. Esta infraestructura se encuentra entre tu sitio web y los servicios de Google. La configuración que se describe en esta documentación te ayudará a medir mejor tu sitio web. Puedes configurarlo con tu red de distribución de contenido (CDN), balanceador de cargas o servidor web existentes.
En las configuraciones estándar de la etiqueta de Google, tu página web solicita una etiqueta de Google desde un dominio de Google. Cuando se activa la etiqueta, 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. Cuando se activa la etiqueta, envía solicitudes de medición a tu dominio propio, desde donde se reenvían al producto de Google correspondiente.
Este diagrama representa el flujo de información en el modo de origen:
Antes de comenzar
En esta guía, se supone que tu sitio web ya está configurado con lo siguiente:
- Una etiqueta de Google o un contenedor de Tag Manager
- Una red de distribución de contenidos (CDN) o un balanceador de cargas que pueda reenviar solicitudes a extremos externos
Para comenzar, elige el tipo de configuración.
1. Elige la ruta de entrega de etiquetas
Debes reservar una ruta en el dominio de tu sitio web para publicar la etiqueta. Asegúrate de que esta ruta de acceso no esté en uso en tu dominio.
Para configurar el modo propio, elige cualquier ruta que aún no se esté usando en tu sitio. Para reducir la probabilidad de que se produzca un conflicto con una ruta de acceso que ya esté en el sitio, puedes elegir cualquier combinación de letras y números, o bien, si deseas una ruta de acceso más legible, puedes usar una palabra como /metrics
, /securemetric
, /analytics
o cualquier otra palabra que desees.
La ruta de acceso no debe ser la ruta de acceso raíz /
ni superar los 100 caracteres.
Completa la siguiente información para propagar los ejemplos de este documento.
Your domain: example.com
Google tag ID: G-12345
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 del tráfico por rutas.
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
En el balanceador de cargas, abre la sección Configuración de backend. Crea un nuevo servicio de backend.
Configura tu nuevo servicio de backend con información de geolocalización:
- Especifica un nombre, como
measurement-be-svc
. - Establece Tipo de backend como Grupo de extremos de red de Internet.
- Establece Protocolo en HTTPS y deja Tiempo de espera como el valor prepropagado.
- 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:
- Establece Tipo de grupo de extremos de red en NEG de Internet (global, regional).
- Establece Alcance en Global.
- Establece Agregar a través de en Nombre y puerto de dominio completamente calificados.
- Establece Nombre de dominio completamente calificado en
.G-12345 .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 Configuraciones avanzadas. Agrega los siguientes encabezados de solicitud personalizados.
Nombre del encabezado Valor del encabezado Host
G-12345 .fps.googX-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 son obligatorios para esta integración, por lo que puedes inhabilitar ambos de forma segura.
- Guarda el nuevo servicio de backend.
- Especifica un nombre, como
Configura reglas de enrutamiento
En el balanceador de cargas, abre la sección Routing rules.
Agrega las siguientes reglas de host y de ruta:
Host Ruta Backend *
/
metrics /*measurement-be-svc
Actualiza la configuración del balanceador de cargas.
En un navegador, verifica la configuración navegando a
https://
. La página debe tener el textoexample.com /metrics /healthyok
. Para verificar que se incluya la información geográfica, navega ahttps://
. La página debe tener el textoexample.com /metrics /?validate_geo=healthyok
.
Para publicar tu etiqueta en modo propio, crearás una entrada CNAME para un subdominio nuevo, una regla de origen para reenviar solicitudes y una regla de transformación para incluir información de geolocalización. Para completar esta configuración, deberás tener un plan de Cloudflare Enterprise. Si no tienes un plan empresarial, considera usar la configuración automática de Cloudflare.
Crea una entrada de CNAME
Elige un subdominio para reservarlo para la entrada CNAME. Completa la siguiente información para completar los ejemplos de este documento. Este CNAME nunca se expone fuera de tu configuración de Cloudflare, por lo que el nombre es arbitrario.
CNAME subdomain: fps
- En la pestaña DNS, abre la sección Registros.
- Agrega un registro nuevo con la siguiente configuración:
- Establece Tipo en CNAME.
- Establece el Nombre como
.fps - Establece Destino en
.G-12345 .fps.goog
- Guarda el registro CNAME.
Crea la regla de origen
- En la pestaña Reglas, abre Reglas de origen y crea una regla.
- Ingresa un nombre para la regla, como
Route measurement
. - Haz coincidir las solicitudes entrantes según una expresión de filtro personalizada y haz clic en Editar expresión.
- Pega la siguiente expresión en el compilador:
(http.host eq "
example.com " and starts_with(http.request.uri.path, "/metrics ")) - Actualiza el Encabezado del host a Reescríbelo en…
.G-12345 .fps.goog - Actualiza el Registro DNS a Anular a…
.fps .example.com - Guarda la regla de origen.
- Si hay otras reglas de origen, aumenta la posición de la regla creada recientemente para que se ejecute después de cualquier otra ruta de acceso con comodín.
- En un navegador, ve a
https://
para verificar la configuración. La página debe decirexample.com /metrics /healthyok
.
Incluye información de ubicación geográfica
- En la pestaña Reglas, abre Transform Rules.
- Crea una regla Modifica el encabezado de la solicitud.
- Aplica la regla a Todas las solicitudes entrantes.
- Modifica el encabezado de la solicitud con la siguiente configuración:
- Establece el operador en Establecer dinámico.
- Establece Nombre del encabezado como
X-CfIpCountryRegion
. - Establece Valor en
ip.src.subdivision_1_iso_code
.
- Implementa la regla de transformación.
- Espera unos minutos para que se propague la regla. En un navegador, verifica la configuración navegando a
https://
. La página debería decirexample.com /metrics /?validate_geo=healthyok
.
Quita los encabezados de IP de los visitantes (opcional)
El modo propio no requiere la IP del visitante para funcionar correctamente. Puedes quitar todos los encabezados de IP de los visitantes con las Transformaciones administradas para quitar encabezados de IP de los visitantes.
Para publicar tu etiqueta en el modo propio, debes configurar tu CDN o el balanceador de cargas para que enrute las solicitudes al extremo del modo propio.
- Agrega un origen o un backend que apunte a
.G-12345 .fps.goog - Anula el encabezado Host para que sea igual a
. Permite que se reenvíen todas las cookies y cadenas de consulta.G-12345 .fps.goog - Agrega una regla de ruta de acceso para
/
para desviar el tráfico al modo propio.metrics /* - Configura la ruta reservada para que tenga una prioridad más alta que la regla predeterminada.
- En un navegador, verifica la configuración navegando a
https://
. La página debe decirexample.com /metrics /healthyok
.
Paso 3: Actualiza las secuencias de comandos del sitio web para usar la Ruta de medición
Reemplaza las secuencias de comandos de cada página del sitio web por una de las siguientes:
En la parte superior de la sección <head>
, busca las dos líneas de código con el ID de tu etiqueta de Google:
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-12345 "></script>
y reemplázalas por la ruta de acceso de medición:
<!-- Google tag (gtag.js) -->
<script async src="/metrics /"></script>
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 -->
Prueba la configuración de medición
Para probar la configuración de medición, configura tu contenedor para que tenga al menos una etiqueta que se active.
Ve a Tag Assistant y obtén una vista previa de tu contenedor. Navega por tu sitio para activar eventos.
En la pestaña Resumen > Resultado > Hits enviados, verifica que los hits se enruten a
/
.metrics