Cloudflare Zaraz frente a Google Tag Manager: cómo añadir Google Analytics 4 a Webflow

Zaraz Tag Manager de Cloudflare es una herramienta gratuita y potente que ayuda a los propietarios de sitios web a gestionar e implementar scripts de seguimiento y etiquetas de terceros. Llevábamos tiempo prometiendo un post y un vídeo sobre Zaraz, desde que publicamos nuestro post sobre cómo optimizar tu sitio Webflow con Cloudflare y ponerlo a funcionar bien, así que aquí lo tienes. También veremos cómo Zaraz puede ayudar a mejorar la velocidad y el rendimiento de tu sitio web, y cómo funciona.

¿Qué es Zaraz Tag Manager de Cloudflare?

Zaraz es una herramienta que permite a los propietarios de sitios web gestionar las etiquetas de su sitio en un único lugar. Ofrece una serie de funciones (monitorización de etiquetas y, según la mayoría de las opiniones, también secuenciación y agrupación de etiquetas) que facilitan la gestión e implementación de varias etiquetas en tu sitio.

Una de las mayores ventajas de Zaraz es su sencillez. Ofrece una interfaz fácil de usar que permite añadir, modificar y eliminar etiquetas de tu sitio web sin complicaciones. Además, es de uso gratuito (cada cuenta de Cloudflare recibe 1.000.000 de eventos de Zaraz al mes y, después, cuesta 5 $ al mes por cada 1.000.000 adicionales), lo que la convierte en una opción atractiva para pequeñas empresas y startups.

Pero el beneficio más importante es la velocidad que ofrece en comparación con herramientas como Google Tag Manager, siempre que se use junto con una configuración de optimización de Cloudflare adecuada para tu sitio. Añadir etiquetas a tu sitio web puede afectar de forma considerable a su velocidad y rendimiento. Zaraz puede ayudar a mejorar la velocidad de tu sitio de las siguientes maneras:

1. Agrupación de etiquetas: según tenemos entendido, Zaraz puede agrupar etiquetas para reducir el número de solicitudes HTTP necesarias para cargar tu sitio, lo que puede mejorar notablemente los tiempos de carga de página.
2. Carga diferida (lazy loading): también se dice que Zaraz ofrece carga diferida, es decir, que las etiquetas solo se cargan cuando hacen falta, lo que reduce el tiempo de carga inicial de la página y mejora la velocidad percibida de tu sitio web.
3. Carga asíncrona: otra forma en que Zaraz puede ayudar a mejorar la velocidad del sitio es mediante la carga asíncrona. Esto significa que las etiquetas se cargan en segundo plano, lo que puede reducir el impacto en los tiempos de carga de página al no crear cuellos de botella.
4. Infraestructura rápida y fiable: por último, Zaraz está construido sobre la infraestructura rápida y fiable de Cloudflare, con centros de datos en todo el mundo. Esto significa que tus etiquetas se sirven de forma rápida y fiable, lo que puede mejorar aún más la velocidad y el rendimiento de tu sitio web.
5. Etiquetado del lado del servidor: en lugar de instalar herramientas de terceros directamente en tu sitio web, este gestor de etiquetas las carga en la nube, lejos del navegador.

Zaraz Tag Manager de Cloudflare frente a Google Tag Manager

Google Tag Manager (GTM) es otra herramienta popular para gestionar las etiquetas de tu sitio web. Aunque ambas son excelentes, hay algunas diferencias que conviene tener en cuenta.

Google Tag Manager es de uso gratuito, pero requiere una cuenta de Google, y sí, hay quien no quiere saber nada de eso. Zaraz Tag Manager de Cloudflare, en cambio, es gratuito durante los primeros 1.000.000 de eventos de Zaraz al mes y no requiere más cuentas que tu cuenta de Cloudflare.

Otra diferencia entre ambas herramientas es su nivel de complejidad. Google Tag Manager es una herramienta más avanzada que ofrece una gama de funciones, como la secuenciación avanzada de etiquetas, las plantillas de etiquetas y más. Zaraz Tag Manager de Cloudflare, en cambio, es más simple y directo, lo que lo hace una mejor opción para principiantes. Eso no quiere decir que no puedas hacer un seguimiento complejo de eventos, etc.; simplemente, lo básico puede resultar mucho más fácil, mientras que el seguimiento más avanzado puede ser un poco más difícil.

Por último, está el factor velocidad del que hablamos antes. Si tienes muchas etiquetas configuradas en Google Tag Manager, verás que Google se queja más de sus propias herramientas y de Tag Manager en los resultados de velocidad de tu página, mientras que Zaraz suele dar resultados mucho mejores.

Cómo implementar Zaraz Tag Manager de Cloudflare

Implementar Zaraz Tag Manager de Cloudflare en tu sitio web es un proceso sencillo que consta de los siguientes pasos:

1. Crea una cuenta de Cloudflare: para usar Zaraz, necesitas crear una cuenta de Cloudflare. Solo tienes que visitar el sitio web de Cloudflare, crear una cuenta y seguir las instrucciones para verificar tu dominio.
2. Añade tu sitio a Cloudflare: una vez que hayas creado una cuenta de Cloudflare, puedes añadir tu sitio web (dominio). Esto te permitirá gestionar las etiquetas de tu sitio en un único lugar. Para usar Cloudflare en la configuración DNS de tu Webflow, sigue la guía de Webflow sobre Cloudflare. Si quieres que Cloudflare almacene en caché y optimice tu sitio Webflow, olvida la guía de Webflow y sigue las instrucciones de nuestro post sobre cómo usar Webflow con Cloudflare para almacenar en caché y acelerar tu proyecto. (Ese post es de 2022. El enfoque actual está en nuestra guía de 2026 sobre el proxy de recursos y la optimización de Cloudflare.)
3. Configura Zaraz Tag Manager de Cloudflare: una vez que hayas añadido tu sitio a Cloudflare, puedes configurar Zaraz Tag Manager de Cloudflare. Solo tienes que ir a la pestaña "Zaraz" (en el panel de Cloudflare hoy se encuentra en Tag setup) y seguir las instrucciones para configurar tus etiquetas.

4. Añade tus etiquetas: por último, puedes añadir tus etiquetas a Zaraz Tag Manager de Cloudflare. Solo tienes que hacer clic en "Add new tool" y seguir las instrucciones para añadirlas. Además de añadir scripts personalizados, aquí tienes la lista completa de las herramientas listas para usar que puedes implementar de inmediato, casi siempre pegando un ID de seguimiento o un ID de cuenta. Si necesitas añadir algo que no figura en la lista, normalmente puedes hacerlo con Custom HTML, Custom Image para píxeles o HTTP Request.

Cómo añadir Google Analytics 4 a Zaraz de Cloudflare

Añadir Google Analytics 4 a Zaraz de Cloudflare es un proceso sencillo que consta de los siguientes pasos, que vamos a repasar para mostrarte lo fácil que es añadir la mayoría de las herramientas listas para usar de Zaraz:

1. Crea una nueva propiedad de Google Analytics 4: para empezar, necesitarás crear una nueva propiedad de Google Analytics 4. Solo tienes que ir al sitio web de Google Analytics, crear una nueva propiedad y seguir las instrucciones para configurarla. Tenemos una guía sobre cómo añadir Google Analytics a Webflow con Tag Manager.
2. Obtén tu ID de medición de Google Analytics 4: una vez creada la propiedad, necesitarás obtener tu ID de medición de Google Analytics 4. Es un identificador único que identifica tu propiedad y te permite hacer un seguimiento del tráfico de tu sitio web.
3. Añade tu etiqueta de Google Analytics 4 a Zaraz de Cloudflare: una vez que tengas tu ID de medición, puedes añadir tu etiqueta de Google Analytics 4 a Zaraz de Cloudflare. Solo tienes que hacer clic en "Add new tool" en Zaraz y seleccionar "Google Analytics 4" como tipo de etiqueta.

Marca las casillas y haz clic en Continue para conceder los permisos.

Introduce tu ID de medición y pulsa Save.

Se añadirá una vista de página automáticamente y ya estará todo listo.

Y prácticamente eso es todo. La mayoría de las herramientas, como Google Ads, etc., siguen una plantilla similar. La razón por la que nos gusta tanto en Milk Moon Studio es doble: primero, la sencillez. Somos un pequeño estudio de Webflow, así que nos encanta el diseño Webflow sin código o, al menos, con poco código, y esto nos viene perfecto. Segundo, el impulso de velocidad que conseguimos cuando un cliente funciona con Zaraz y el resto de su proyecto también está en caché en Cloudflare y optimizado por él sobre la marcha. Es también lo que usa este mismo sitio para su Google Analytics 4.

Zaraz Tag Manager de Cloudflare es una herramienta valiosa que puede ayudarte a gestionar mejor las etiquetas de tu sitio web y a mejorar su rendimiento. Si aprovechas sus distintas funciones, podrás agilizar el funcionamiento de tu sitio web, mejorar la experiencia del usuario y aumentar su visibilidad y su interacción.

Implementar Zaraz es un proceso sencillo que consiste en crear una cuenta de Cloudflare, añadir tu sitio a Cloudflare, configurar Zaraz Tag Manager de Cloudflare y añadir tus etiquetas.

Preguntas frecuentes sobre Cloudflare Zaraz

¿Es gratuito Cloudflare Zaraz?

Sí, hasta cierto punto. Cada cuenta de Cloudflare recibe 1.000.000 de eventos de Zaraz gratuitos al mes (una vista de página o una llamada a zaraz.track cuenta como un evento) y, después, el plan Zaraz Paid cuesta 5 $ al mes por cada 1.000.000 adicionales. Si te pasas sin activar Zaraz Paid, Zaraz se desactiva hasta el siguiente ciclo de facturación, así que vigila la página Monitoring. Cloudflare también te enviará un correo cuando alcances el 50 %, el 80 % y el 90 % de tu límite.

¿Es Zaraz mejor que Google Tag Manager?

Para la mayoría de los sitios Webflow que solo necesitan Google Analytics 4 y unos pocos píxeles, creemos que sí: la configuración es más sencilla, no necesita una cuenta de Google y las etiquetas se cargan desde el edge de Cloudflare en lugar de en el navegador, así que los resultados de velocidad de tu página suelen ser mejores. Google Tag Manager sigue ganando cuando necesitas sus plantillas más completas, la secuenciación avanzada y una enorme biblioteca de etiquetas de la comunidad. Usamos ambos, y cubrimos la parte de Tag Manager en por qué deberías usar Google Tag Manager en Webflow y en nuestro post sobre cómo retrasar las etiquetas de Tag Manager para mejorar la velocidad de página.

¿Puedo usar Zaraz con WordPress u otras plataformas?

Sí. Zaraz no está ligado a Webflow. Funciona en cualquier sitio que tenga Cloudflare por delante, WordPress incluido, porque las herramientas las carga Cloudflare y no tu CMS. Cloudflare recomienda pasar tu sitio por su proxy antes de usar Zaraz, aunque también hay una forma de usar Zaraz en dominios que no pasan por el proxy.

¿Cómo añado Google Analytics 4 a Zaraz?

Ve a Zaraz en tu panel de Cloudflare, haz clic en Add new tool, elige Google Analytics 4, pega tu ID de medición y guarda. Se añade automáticamente una acción de vista de página, así que empiezas a medir de inmediato. Los pasos anteriores muestran cada pantalla.

¿Zaraz gestiona el consentimiento de cookies?

Incluye una herramienta integrada de gestión del consentimiento, para que puedas retener las etiquetas hasta que el visitante acepte. Eso sí, ten en cuenta lo que hacen los banners de consentimiento con tus cifras, algo que analizamos en nuestro post sobre el dilema del consentimiento de cookies y los datos que desaparecen.

Llevamos tiempo queriendo hacer un vídeo sobre todo el proceso, así que estate atento. Mientras tanto, déjanos un comentario si tienes alguna pregunta. Si quieres hacer más con Cloudflare, visita este post para ver cómo hacerlo funcionar con Webflow y cómo lograr que tu contenido esté en caché y optimizado. También tenemos un post completo sobre cómo añadir Google Tag Manager y Google Analytics a Webflow, y algunos posts sobre cómo rastrear clics, envíos de formularios, etc. en la sección de tutoriales, así que échales un vistazo. Si buscas más sobre medición, también merecen una visita los proyectos y posts de analítica.