Mejorando la velocidad de la página web con la ayuda de Google Tag Manager Server-Side Tracking

La optimización de la velocidad de las páginas web fue uno de los beneficios esenciales que los profesionales del marketing y los desarrolladores web vieron cuando se lanzó la primera versión de Google Tag Manager. Se suponía que esto ocurriría porque las secuencias de comandos de seguimiento ya no estarían codificadas, sino que se añadirían a través de Google Tag Manager. Entonces, ¿el contenedor web GTM acelera su sitio?

Este artículo mostrará cómo el cambio al servidor GTM desde el contenedor web de Google Tag Manager puede acelerar su sitio web. Tenga en cuenta que no verá ninguna mejora en la velocidad de las páginas si combina el seguimiento del servidor y del navegador. Por ejemplo, la velocidad de su sitio no aumentará si utiliza tanto el píxel de Facebook como la API de conversión. En este caso, el píxel de Facebook seguirá funcionando en los navegadores de los usuarios y ralentizará su sitio.

Según un estudio de Google, si un sitio web tarda más de 3 segundos en cargarse, el 53% de los usuarios lo abandonan. Al mismo tiempo, se tarda una media de 22 segundos en cargar completamente la página móvil. 

Vivimos en una época en la que la gente utiliza más los teléfonos móviles que los dispositivos de escritorio, y los smartphones representan más del 50% de todo el tráfico de Internet. Pero, según Google, la tasa de conversión en los teléfonos móviles es inferior a la de los ordenadores de sobremesa. Por ello, la velocidad de carga del sitio web desempeña un papel esencial para cumplir los estándares de rendimiento.

No es ningún secreto que los usuarios esperan una experiencia rápida en el sitio. Si la página de destino es demasiado lenta, cerrarán la página o abandonarán el carrito y se irán al sitio de la competencia. Hoy en día, en el mundo mobile-first, es fundamental crear sitios de carga rápida. Los usuarios quieren tener la posibilidad de abrir rápidamente su blog y leer el artículo, comprar ropa nueva, comprobar las reseñas de los hoteles, etc.

Según las investigaciones de Amazon, un retraso de un segundo en la respuesta de la página supone una pérdida del 1% en las conversiones. Esto equivale a una pérdida de 1.600 millones de dólares en ingresos anuales para ellos. 

Como puede ver, esperar a que se carguen las páginas pesadas puede costar mucho a cualquier empresa. 

En 2020, Google lanzó un contenedor de servidor para Google Tag Manager y Tag Manager 360. Permite a los anunciantes trasladar las etiquetas de terceros de sus sitios a un nuevo contenedor de servidor alojado en los servidores de la сloud. De este modo, el sitio web puede cargar más rápido, el seguimiento puede ser más preciso y los datos pueden estar más seguros. Además, mover las etiquetas al contenedor del servidor puede ayudar a resolver este error de Google PageSpeed - "Reducir el impacto del código de terceros - El código de terceros bloqueó el flujo principal durante 550 ms".

Si usted traslada las etiquetas de la web al contenedor del servidor, las etiquetas se cargarán directamente en el contenedor del servidor, y no dentro de los navegadores de los usuarios. De esta manera, la página se cargará más rápido, y tendrá un efecto positivo en la experiencia del usuario. Como puede ver, puede proporcionar tiempos de carga de página más rápidos, más seguridad para los datos de sus clientes y más herramientas de gestión de datos.

Las etiquetas en el contenedor del servidor sólo tienen acceso a la información enviada al servidor. No tienen acceso a otra información que los usuarios introduzcan en el sitio. Y como estas etiquetas se colocan en el contenedor del servidor, usted puede entender qué etiquetas de datos están recogiendo información y a dónde se envía la información.

Para este experimento, utilicé un sitio web de demostración y comparé los resultados de Google PageSpeed cuando se añadieron etiquetas a través del contenedor web de GTM frente al contenedor del servidor de GTM. No todas las etiquetas tienen el mismo impacto en Google PageSpeed. Al hacer este experimento, decidí elegir las etiquetas más populares utilizadas por mi cliente y las etiquetas que pueden trasladarse al contenedor del servidor: Universal Analytics, Facebook, Bing y Active Campaign.

El contenedor del servidor GTM tiene etiquetas nativas para Universal Analytics y GA4. Aquí puede encontrar información detallada sobre cómo añadir Universal Analytics a través de su contenedor de servidor GTM. También hemos creado una plantilla personalizada que puede ayudarle a trasladar el píxel de Facebook al entorno del servidor.

A continuación se muestran los resultados de la prueba de velocidad de Google. La velocidad de la página de Google mostró 95 puntos en el móvil y 100 en el escritorio.

Tenemos estas etiquetas instaladas en el contenedor del servidor: Universal Analytics, GA4, Facebook (base y seguimiento de la conversión), Hubspot y la etiqueta Klaviyo.

Cuando trasladamos los píxeles al contenedor web, los resultados de Google PageSpeed disminuyeron a 56 puntos.

Si traslada las etiquetas al contenedor del servidor de Google Tag Manager, la velocidad de su sitio aumentará. El nivel de su impacto dependerá de las etiquetas que esté utilizando. En esta prueba, he intentado utilizar las etiquetas más populares que utilizan mis clientes: GA4, Facebook y Active campaign.