Nuevo cliente de contenedor internet de Google Tag Supervisor para etiquetado del lado del servidor

Con la introducción de etiquetado del lado del servidor en Administrador de etiquetas de Googlela variedad de cosas que puedes hacer con tu propio servidor apoderado es alucinante:

• Reducir hinchazón del lado del cliente consolidando flujos de datos y distribuyéndolos a los puntos finales del proveedor en el lado del servidor.
• Mejorar seguridad de datos agregando salvaguardias y validaciones para evitar que se envíen datos dañinos a los puntos finales de los proveedores.
• Enriquecer del lado del servidor de datos, combinando el flujo de datos entrante con datos de API y almacenes de datos que usted posee y controla.
• Eliminar tercero descargas desde el navegador al enviarlas mediante proxy a través del contenedor del lado del servidor.

Este último punto es en el que se amplía este artículo. Si revisas este vídeo (salta directamente a la parte relevante)puedes ver cómo es posible hacer proxy de bibliotecas populares como análisis.js y gtag.js.

En esencia, el contenedor del lado del servidor descarga la biblioteca de Google y luego la envía al navegador. De esta manera, la descarga de la biblioteca se realiza en un contexto propio (suponiendo que haya configurado el punto ultimate para que se ejecute en su propio espacio de nombres de dominio) y puede ajustar libremente elementos como los encabezados de caché.

Con una actualización reciente, el contenedor del servidor de Google Tag Supervisor ahora le permite representar un Contenedor internet del Administrador de etiquetas de Google también.

X

El boletín a fuego lento

Suscríbete al Boletín a fuego lento para recibir las últimas noticias y contenido de Simo Ahava en su bandeja de entrada de correo electrónico.

Cómo funciona

El Administrador de etiquetas de Google: contenedor internet plantilla de cliente viene prediseñado en contenedores de servidor. Para activarlo, necesitas crear un nuevo cliente con él.

Navegar a Clientela en la interfaz de usuario de Google Tag Supervisor y haga clic para crear un nuevo cliente.

Haga clic en el Configuración del cliente para abrir un selector. Encuentra el Administrador de etiquetas de Google: contenedor internet plantilla de cliente y haga clic para elegirla.

Para configurar el cliente, básicamente necesita incluir el Administrador de etiquetas de Google. ID de contenedor que debe ser proxy a través de este cliente.

Para agregar una nueva ID, simplemente haga clic Agregar ID de contenedory agréguelo a la lista.

desde el ID de contenedores permitidos El campo también puede tomar variables, en teoría, podría crear una variable que obtenga el ID del contenedor directamente de la URL de solicitud (es decir, cualquier cosa después de ?id= en https://server-container.com/gtm.js?id=GTM-ABCDEFG). Sin embargo, creo que es una buena concept no crear un sistema como ese para evitar que el punto ultimate reciba spam con solicitudes de contenedores que no están relacionados con su configuración.

Una vez tú Ahorrar este cliente, su contenedor de servidor ahora se ha habilitado para responder a las solicitudes de contenedores internet de Google Tag Supervisor. Una solicitud regular de un contenedor internet se vería así:

https://www.googletagmanager.com/gtm.js?id=GTM-ABCDEFG

Con el cliente que configuró, ahora puede emitir la solicitud de esta manera:

https://your.server.container.com/gtm.js?ID=GTM-ABCDEFG

Su punto ultimate del lado del servidor devolverá la biblioteca de Google Tag Supervisor exactamente en el mismo formato que lo haría el fragmento regular, con la diferencia de que se publica desde su punto ultimate y no la CDN de Google.

Actualiza el fragmento

Como resultado, por supuesto, deberá actualizar el fragmento de contenedor de Google Tag Supervisor.

¡NOTA! La siguiente actualización se aplica a entornos Además, la nueva plantilla de cliente también se ha diseñado para funcionar con entornos.

Así es como se ve un fragmento de contenedor regular de Google Tag Supervisor:

<script>(operate(w,d,s,l,i){w(l)=w(l)||();w(l).push({'gtm.begin':
new Date().getTime(),occasion:'gtm.js'});var f=d.getElementsByTagName(s)(0),
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,doc,'script','dataLayer','GTM-PZ7GMV9');script>

Necesitas cambiar la cadena. 'https://www.googletagmanager.com/gtm.js?id=' para corresponder con el dominio que ha creado para su punto ultimate del lado del servidor. Si su contenedor sirve desde https://sgtm.simoahava.comel fragmento actualizado tendría este aspecto:

<script>(operate(w,d,s,l,i){w(l)=w(l)||();w(l).push({'gtm.begin':
new Date().getTime(),occasion:'gtm.js'});var f=d.getElementsByTagName(s)(0),
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://sgtm.simoahava.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,doc,'script','dataLayer','GTM-PZ7GMV9');script>

Una vez que haya actualizado el fragmento, puede llevar el contenedor del servidor a modo de depuracióny vea si responde a las solicitudes del contenedor GTM:

También debe verificar dónde se encuentra la solicitud de gtm.js La biblioteca se envía utilizando el navegador. herramientas de pink:

Y, por supuesto, asegúrese de que todas sus etiquetas funcionen como deberían utilizando cualquier herramienta de depuración que tenga a su disposición.

Cosas a tener en cuenta

Actualmente, contenedores de zona todavía se cargará desde googletagmanager.compero esto probablemente se solucionará en breve para cargarlos también desde el punto ultimate del lado del servidor.

Cuando elige servir el contenedor de Google Tag Supervisor desde su propio dominio propio y Si también envía datos a un cliente Common Analytics y/o GA4, debe asegurarse de habilitar la opción etiqueta rutas en estos clientes. Esto se debe a que una vez que empiece a cargar el contenedor de Google Tag Supervisor desde su dominio propio, cualquier gtag.js Las bibliotecas que se cargan a través de este contenedor también debe cargarse desde su dominio propio. Así que asegúrese de marcar las opciones relevantes si está utilizando estos dos clientes.

¡NOTA! Si desea representar el análisis.js biblioteca de su dominio del lado del servidor, debe también Compruebe el rutas gtag opción y agregue el UA-XXXXX-Y a la lista. Esta configuración también se aplica a esa biblioteca.

Lo último a tener en cuenta es que el

En caso de que te lo preguntes, Sí: verificación de la consola de búsqueda FUNCIONARÁ con su nuevo propietario

Resumen

Aunque absolutamente no lo hagas tener Para usar un contenedor internet cuando se trabaja con etiquetado del lado del servidor, creo que muchas personas lo hacen y seguirán haciéndolo debido a la facilidad que brinda Google Tag Supervisor para etiquetar un sitio internet.

Ser capaz de representar el contenedor de Google Tag Supervisor presenta beneficios obvios al mover scripts de terceros a un contexto propio.

Eres, por supuesto, técnicamente todavía descargando JavaScript del proveedor desde su CDN. Sin embargo, esta descarga se realiza en el contenedor del servidor y el navegador solo tendrá acceso a una ruta de solicitud-respuesta con el contenedor del servidor y no al punto ultimate del proveedor en sí.

La introducción del proxy de contenedor de Google Tag Supervisor en su contenedor de servidor puede tener un impacto en los costos asociados con la configuración de etiquetado del lado del servidor, así que asegúrese de monitorear la facturación en su Panel de management de Google Cloud Platform.

¡Déjame saber en los comentarios qué piensas sobre esta nueva incorporación a la combinación de clientes integrados de etiquetado del lado del servidor!