Envía GA4 desde GTM web a través de tu contenedor de servidor

Sáltate esta sección si ya tienes una propiedad de GA4. Solo necesitas su Measurement ID.

1. 1 Abre analytics.google.com, ve a Admin y haz clic en Create y luego en Property.
2. 2 Introduce un nombre para la propiedad, tu zona horaria y moneda de informes, y completa los datos de la empresa.
3. 3 Cuando te pida empezar a recopilar datos, elige Web, introduce la URL de tu sitio y un nombre para el flujo, y haz clic en Create stream.
4. 4 Copia el Measurement ID de los detalles del flujo. Tiene este aspecto: G-XXXXXXXXXX.

La etiqueta de Google carga GA4 en la página y envía el page_view. Un solo ajuste, server_container_url, cambia adónde van sus hits.

gtag('config', 'G-XXXXXXXXXX', {
  server_container_url: 'https://k7q2x.example.com'
});

Usa exactamente la URL de tu contenedor de servidor: con https://, sin ruta y sin barra final.

Las páginas vistas y los eventos de medición mejorada (desplazamientos, clics salientes, búsquedas en el sitio, descargas de archivos) vienen automáticamente de la etiqueta de Google. Tus propios eventos, como registros y compras, necesitan una etiqueta Google Analytics: GA4 Event. Reutiliza el activador sign_up de la lección 1:

1. 1 Crea una etiqueta de tipo Google Analytics: GA4 Event.
2. 2 Pon G-XXXXXXXXXX (tu ID) en Measurement ID. El evento pasa por la etiqueta de Google con el mismo ID, incluida su URL de servidor.
3. 3 Pon sign_up en Event Name. En Event Parameters, añade method con la Data Layer Variable que creaste antes.
4. 4 Selecciona el activador Custom Event sign_up y guarda.

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({ ecommerce: null });
window.dataLayer.push({
  event: 'purchase',
  ecommerce: {
    transaction_id: 'T-10293',
    value: 129.90,
    currency: 'EUR',
    items: [{ item_id: 'SKU-1', item_name: 'Shoes', price: 129.90, quantity: 1 }]
  }
});

Sin URL de servidor, GA4 envía los hits a hosts de Google como region1.google-analytics.com o analytics.google.com. Con ella, los mismos hits van a tu subdominio en la ruta /g/collect:

https://k7q2x.example.com/g/collect?v=2&tid=G-XXXXXXXXXX&en=page_view&...

• La solicitud se queda en tu propio dominio, así que para el navegador es first-party.
• Menos bloqueadores la detectan, porque ya no va a un dominio de analítica conocido. Los bloqueadores que detectan la ruta /g/collect aún pueden bloquearla: Request Proxy, en la lección 8, resuelve ese caso.
• El contenedor de servidor ve cada hit de GA4 antes que GA4, y ahí es donde más adelante puedes filtrar o enriquecer los datos.

1. 1 Haz clic en Preview en el contenedor web y conéctate a tu sitio. La etiqueta de Google debería activarse en Initialization y las etiquetas GA4 Event en sus eventos.
2. 2 En la ventana del sitio abre DevTools, ve a la pestaña Network y filtra por collect.
3. 3 Recarga la página. Deberías ver solicitudes a https://k7q2x.example.com/g/collect con estado 200 o 204, y ninguna a google-analytics.com ni a analytics.google.com.
4. 4 Cuando todo esté bien, haz clic en Submit y publica el contenedor web.

• No queda en el sitio ningún snippet de gtag.js incrustado para el mismo ID.
• La etiqueta de Google tiene server_container_url apuntando a tu subdominio.
• Las solicitudes /g/collect van a k7q2x.example.com.
• El Preview del contenedor de servidor muestra solicitudes entrantes (la lección de depuración explica cómo leerlo).