Stape

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

Actualizado
8 nov 2021
Publicado
18 dic 2020
También disponible

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.

¿Por qué es importante la velocidad de la página?Copie el enlace a esta sección

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. 

¿Cómo puede el etiquetado del lado del servidor de Google Tag Manager mejorar la velocidad de su sitio web?Copie el enlace a esta sección

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".

google tag manager

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.

¿Cuál es la diferencia en la velocidad de la página cuando las etiquetas están colocadas dentro del contenedor web de GTM en comparación con el lado del servidor?Copie el enlace a esta secció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.

pagespeed

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.

page speed
page speed

Conclusión:Copie el enlace a esta sección

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: Universal Analytics, GA4, Facebook y Active campaign. Pero también hay otro resultado. Por ahora, no todos los píxeles se pueden configurar a través del contenedor del servidor. Por ejemplo, Twitter y LinkedIn no son compatibles con el seguimiento del lado del servidor (esperemos que cambie pronto). Y herramientas como Hotjar no son compatibles con el etiquetado del lado del servidor por defecto.

¿Usted quiere mejorar la velocidad de la página?

Todo lo que tiene que hacer es clic en Necesito ayuda, rellenar el formulario y le enviaremos un presupuesto.

Necesito ayuda
Etiquetado con:gtm server

Publicaciones relevantes

Actualizado 15 mar 2024

Evite el bloqueo de Google Tag Manager por parte de los Adblockers

Ad Blocking (el bloqueo de anuncios) no es de ninguna manera una calle de un solo sentido, y el impacto del bloqueo de secuencias de comandos de seguimiento se extiende mucho más allá de los anuncios. Se ha hablado mucho de las aplicaciones de bloqueo de anuncios en estos días, pero ¿qué hacen realmente por usted? Una de las razones por las que la gente puede considerar instalarlas en su dispositivo o navegador es por los molestos anuncios y ventanas emergentes que aparecen en el sitio por el que están navegando.

Actualizado 24 oct 2022

Enviando datos desde el contenedor web de Google Tag Manager al contenedor del servidor

En este artículo, quiero mostrarle cómo utilizar Data Tag. Esta etiqueta personalizada envía parámetros desde el contenedor web de Google Tag Manager al contenedor del servidor. Cuando se utiliza junto con el Data Client para el contenedor del servidor de Google Tag Manager, permite enviar variables de la capa de datos, parámetros personalizados y otros datos de la web al contenedor del servidor. Como resultado, el Data Client recupera la información de la Data Tag en los Eventos del Servidor de Google Tag Manager.

Actualizado 23 feb 2024

Google Tag Manager del lado del servidor: Cómo configurar el Tag Manager del servidor, Universal Analytics, GA4 y la API de conversión de Facebook

El etiquetado del lado del servidor (server-side tagging) ha sido una de las principales tendencias de la analítica web en los últimos dos años. Los bloqueadores de anuncios, la protección de seguimiento inteligente, las restricciones a las cookies de terceros y las normativas como el GDPR han hecho que las empresas de análisis y publicidad empiecen a preocuparse por cómo y qué información recopilan sobre los visitantes del sitio. El etiquetado del lado del servidor permite trasladar las etiquetas de terceros fuera de su sitio y a un servidor en la nube. En este caso, los píxeles de terceros se cargan directamente desde el servidor podría en lugar de su sitio. En este artículo, explicaré y demostraré los aspectos básicos de la configuración del contenedor del servidor de Google Tag Manager, el servidor de Universal Analytics, GA4 y la API de conversión de Facebook.

Aloje su servidor GTM en Stape