Guías prácticas

Aumente el rendimiento de su sitio web con el administrador de etiquetas Zaraz de Cloudflare: una guía paso a paso para implementar Zaraz y agregar Google Analytics 4 en Webflow

__wf_reservado_decorativo
Aumente el rendimiento de su sitio web con el administrador de etiquetas Zaraz de Cloudflare: una guía paso a paso para implementar Zaraz y agregar Google Analytics 4 en Webflow
January 25, 2024

  · 6 min

En este tutorial, veremos más de cerca qué es Zaraz, cómo se compara con Google Tag Manager y, lo que es más importante, cómo implementarlo en tu sitio web. Por último, como siempre, nos inclinamos por la implementación de Webflow.

Gestor de etiquetas Zaraz de Cloudflare es una herramienta potente y gratuita que ayuda a los propietarios de sitios web a administrar e implementar varios scripts de seguimiento y etiquetas de terceros en sus sitios. Hemos estado prometiendo hacer una publicación y un vídeo sobre Zaraz desde que hicimos nuestra publicación en cómo optimizar tu sitio de Webflow con Cloudflare y cómo hacer que funcione correctamente, así que aquí está. También exploraremos cómo Zaraz puede ayudar a mejorar la velocidad y el rendimiento de su sitio web y cómo funciona.

¿Qué es el Zaraz Tag Manager de Cloudflare?

Zaraz es una herramienta que permite a los propietarios de sitios web administrar las etiquetas de sus sitios web en un solo lugar. Ofrece una variedad de funciones, como la secuenciación de etiquetas, el monitoreo de etiquetas y la agrupación de etiquetas, que facilitan la administración e implementación de múltiples etiquetas en su sitio.

Una de las mayores ventajas de Zaraz es su sencillez. Ofrece una interfaz fácil de usar que facilita la adición, modificación y eliminación de etiquetas de su sitio web. Además, es de uso completamente gratuito, lo que lo convierte en una opción atractiva para pequeñas empresas y nuevas empresas.

Sin embargo, el beneficio más importante es la velocidad que ofrece en comparación con herramientas como Administrador de etiquetas de Google cuando se usa junto con una configuración adecuada de optimización de Cloudflare para tu sitio. Añadir etiquetas a tu sitio web puede tener un impacto significativo en su velocidad y rendimiento. Zaraz puede ayudarte a mejorar la velocidad de tu sitio web de las siguientes maneras:

  1. Agrupación de etiquetas: Zaraz puede agrupar etiquetas para reducir la cantidad de solicitudes HTTP necesarias para cargar su sitio, lo que puede mejorar significativamente los tiempos de carga de las páginas.
  2. Carga diferida: Zaraz también ofrece carga diferida, lo que significa que las etiquetas solo se cargan cuando son necesarias, lo que reduce el tiempo de carga inicial de la página y mejora la velocidad percibida de su sitio web.
  3. Carga asincrónica: Otra forma en la que Zaraz puede ayudar a mejorar la velocidad del sitio web es mediante la carga asincrónica. Esto significa que las etiquetas se cargan en segundo plano, lo que puede reducir el impacto en los tiempos de carga de las páginas al no crear cuellos de botella.
  4. Infraestructura rápida y confiable: Por último, Zaraz se basa en la infraestructura rápida y confiable de Cloudflare con centros de datos en todo el mundo. Esto significa que tus etiquetas se publican 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 su sitio web, este administrador de herramientas las carga en la nube, lejos del navegador.

El administrador de etiquetas Zaraz de Cloudflare frente al administrador de etiquetas de Google

Google Tag Manager (GTM) es otra herramienta popular para administrar las etiquetas de tu sitio web. Si bien ambas herramientas son excelentes, hay algunas diferencias que vale la pena considerar.

Google Tag Manager es de uso gratuito, pero requiere una cuenta de Google, y sí, hay gente a la que no le gusta eso. El Zaraz Tag Manager de Cloudflare, por otro lado, es completamente gratuito y no requiere ninguna cuenta adicional aparte de tu cuenta de Cloudflare.

Otra diferencia entre las dos herramientas es su nivel de complejidad. Google Tag Manager es una herramienta más avanzada que ofrece una variedad de funciones, como la secuenciación avanzada de etiquetas, las plantillas de etiquetas y mucho más. El Zaraz Tag Manager de Cloudflare, por otro lado, es más simple y directo, lo que lo convierte en una mejor opción para los principiantes. Eso no quiere decir que no puedas hacer un seguimiento complejo de eventos, etc., simplemente que hacer lo básico puede ser mucho más fácil y, por lo tanto, un seguimiento más avanzado también puede ser un poco más difícil.

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

Implementación del administrador de etiquetas Zaraz de Cloudflare

La implementación del Zaraz Tag Manager de Cloudflare en tu sitio web es un proceso sencillo que implica los siguientes pasos:

  1. Regístrate para obtener una cuenta de Cloudflare: Para usar Zaraz, debes crear una cuenta de Cloudflare. Simplemente visita el sitio web de Cloudflare, crea una cuenta y sigue las instrucciones para verificar tu dominio.
  2. Crea un nuevo proyecto: una vez que te hayas registrado para obtener una cuenta de Cloudflare, puedes crear un nuevo proyecto para tu sitio web. Esto te permitirá administrar las etiquetas de tu sitio web en un solo lugar. Para usar Cloudflare para la configuración de DNS de Webflow, sigue las Guía de Webflow Cloudflare aquí. Si quieres que Cloudflare almacene en caché y optimice tu sitio de Webflow, rasca la guía de Webflow y sigue las instrucciones de nuestra publicación aquí.
  3. Configura el administrador de etiquetas Zaraz de Cloudflare: una vez que hayas creado un nuevo proyecto, puedes configurar el administrador de etiquetas Zaraz de Cloudflare. Simplemente navega hasta la pestaña «Zaraz» y sigue las instrucciones para configurar tus etiquetas.
Zaraz in the Cloudflare dashboard
Zaraz en el panel de control de Cloudflare

4. Añade tus etiquetas: Por último, puedes añadir tus etiquetas al Zaraz Tag Manager de Cloudflare. Solo tienes que hacer clic en «Añadir nueva herramienta» y seguir las instrucciones para añadir las etiquetas. Además de añadir scripts personalizados, aquí tienes la lista completa de herramientas listas para usar que puedes implementar de forma inmediata, en su mayoría pegando un identificador de seguimiento o un identificador de cuenta. Si necesitas añadir algo que no esté actualmente en la lista, normalmente puedes añadirlo con HTML personalizado, imagen personalizada para píxeles o solicitud HTTP.

Add a new tool in Cloudflare Zaraz
Añade una nueva herramienta en Cloudflare Zaraz

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 implica los siguientes pasos que vamos a seguir para mostrarte lo fácil que es añadir la mayoría de las herramientas listas para usar en Zaraz:

  1. Crea una nueva propiedad de Google Analytics 4: Para empezar, tendrás que crear una nueva propiedad de Google Analytics 4. Simplemente navegue hasta el sitio web de Google Analytics, cree una nueva propiedad y siga las instrucciones para configurarla. Tenemos una guía aquí.
  2. Obtenga su ID de medición de Google Analytics 4: Una vez que haya creado una nueva propiedad, necesitará obtener su ID de medición de Google Analytics 4. Se trata de un ID único que identifica tu propiedad y te permite realizar 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 «Añadir nueva herramienta» en Zaraz y seleccionar «Google Analytics 4" como tipo de etiqueta.

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

Google Analytics 4 in Cloudflare Zaraz
Google Analytics 4 en Cloudflare Zaraz

Introduce tu ID de medición y pulsa guardar.

GA4 measurement ID in Zaraz
ID de medición de GA4 en Zaraz

La vista de página se añadirá automáticamente y ya está.

Google Analytics 4 Trigger in Zaraz
Activador de Google Analytics 4 en Zaraz

Eso es más o menos eso, 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 por dos motivos, uno por la simplicidad. Somos un estudio de Webflow pequeño, por lo que nos encanta el diseño de Webflow sin código o al menos con poco código, lo que lo hace perfecto para nosotros. En segundo lugar, el aumento de velocidad que obtenemos cuando ejecutamos un cliente en Zaraz y el resto de su proyecto también se almacena en caché en Cloudflare y se optimiza sobre la marcha.

El Zaraz Tag Manager de Cloudflare es una valiosa herramienta que puede ayudarte a gestionar mejor las etiquetas de tu sitio web y a mejorar su rendimiento. Al aprovechar sus diversas funciones, puedes optimizar las operaciones de tu sitio web, mejorar la experiencia del usuario y aumentar la visibilidad y la participación de tu sitio web.

La implementación de Zaraz es un proceso sencillo que implica registrarse para obtener una cuenta de Cloudflare, crear un nuevo proyecto, configurar el Zaraz Tag Manager de Cloudflare y añadir las etiquetas.

Pronto subiremos un vídeo sobre todo el proceso. Mientras tanto, envíanos un comentario si tienes alguna pregunta. Para aquellos de ustedes que quieran haz más con Cloudflare, consulta esta publicación para ver cómo hacer que funcione con Webflow y cómo almacenar tu contenido en caché y optimizarlo. También tenemos una publicación completa sobre la configuración de Google Tag Manager aquí, y algunas publicaciones sobre el seguimiento de los clics y el envío de formularios, etc. en la sección de instrucciones, así que échales un vistazo.

Compartir

Todas las publicaciones

__wf_reserved_heredar