¿Cómo influyen las etiquetas de seguimiento de terceros en el rendimiento del sitio?

Etiquetas, rastreadores, píxeles y balizas. No importa cómo los llame, hay pequeños fragmentos de código agregados en sitios web que tienen una variedad de objetivos diferentes, desde el seguimiento y la entrega de publicidad hasta la personalización y, en general, mejorar su capacidad de medir, llegar y convertir a los visitantes. Pero, si bien las etiquetas y servicios de terceros se adjuntan pueden proporcionar una perspectiva increíble de sus usuarios y pueden ayudar a aumentar los ingresos de formas que no podría lograr, pueden ser una gran pérdida para la velocidad de la página.
La mayoría de las etiquetas se basan en JavaScript para rastrear la actividad, lo que significa que cada vez que agrega una nueva etiqueta en su sitio es otra solicitud HTTP para un servidor de terceros. De hecho, según un estudio de Pingdom en los primeros 50 sitios de noticias en el mundo, la etiqueta promedio de la carga de sitios fue de 9.46 segundos y solo 2.69 segundos cuando las etiquetas estaban deshabilitadas. Entonces, ¿cómo puede continuar usando etiquetas sin el impacto negativo en el rendimiento? En esta publicación, exploraremos las conclusiones de Pingdom en detalle y analizaremos cómo los administradores de etiquetas han aparecido como la mejor manera de organizar, administrar y controlar el impacto de las etiquetas en el rendimiento del sitio. También verificaremos algunos administradores de etiquetas populares para que pueda continuar beneficiándose de las ventajas de los servicios de terceros sin afectar la velocidad de su página.
¿Qué es exactamente una etiqueta? Una etiqueta en este contexto es un fragmento de código que se agrega en un sitio web para recopilar información y enviarla a un tercero. ¿Cuáles son estos terceros? Generalmente servicios de marketing digital. El marketing se basa en gran medida en datos. Ya sea que sea un análisis para ayudarlo a comprender cómo las personas interactúan con su sitio o los usuarios de seguimiento de información que respalde sus esfuerzos de remarketing, el marketing digital necesita datos. Y para obtener estos datos, los servicios de terceros deben agregar una etiqueta de seguimiento en su sitio. Hay cientos de servicios diferentes que ayudan a los propietarios de sitios a recopilar y analizar datos, el más popular es probablemente Google Analytics. Aquí hay un ejemplo de un código de seguimiento-etiquetado que GA pide a los usuarios que lo presenten en su sitio para que el análisis funcione:
Por lo general, las etiquetas deben agregarse a la sección

de cada página en su sitio que requiere el seguimiento. El impacto de las etiquetas en el rendimiento de las etiquetas del sitio web es esencial para el marketing digital. Después de todo, es raro que un sitio no tenga al menos una etiqueta, es decir, Google Analytics. El problema es que las etiquetas ingresan a la latencia y pueden tener un fuerte impacto en la velocidad de la página.

(Tenga en cuenta que, comenzando con V3.1, WP Rocket puede alojar a Google Analytics Local!) Cada etiqueta que agregue a su sitio es otra solicitud HTTP. Además, cuando una etiqueta hace una llamada a un servidor de terceros, la rapidez con la que responde el recurso externo agrega valiosos segundos a los tiempos de carga. Entonces, si tiene 5, 10, 20 o más etiquetas que se ejecutan en su sitio, las cosas pueden salir de control rápidamente. Es fácil medir la cantidad de etiquetas que podrían tener en la velocidad de su página: solo tiene que ejecutar su sitio a través de una prueba de velocidad como WebPageTest o Gtmetrix y verificar la carga de sus solicitudes HTTP. Considere el análisis en cascada. Pero el verdadero impacto de las etiquetas en Recientemente se ha aclarado una escala mucho mayor debido al estudio de Pingdom en los principales sitios de noticias del mundo. La compañía de monitoreo y rendimiento web ha probado los primeros 50 sitios de noticias, según Alexa, utilizando el complemento de navegador GHSY para ver cuántas etiquetas se cargaron en la página inicial de cada sitio. La investigación encontró que las etiquetas aumentaron el tiempo de carga promedio de los sitios en 6.77 segundos. También descubrió que:
El tiempo de carga promedio para los primeros 50 sitios fue de 9.46 segundos con rastreadores y 2.69 segundos sin rastreadores.
En todos los sitios probados, se identificaron 298 rastreadores diferentes, de los cuales 225 proporcionaron publicidad en el sitio.
La mayoría de las etiquetas proporcionaron anuncios de banner: se transmitieron un 82% abrumadoramente entre las etiquetas para transmitir anuncios dirigidos en función del historial de navegación de un usuario.
El segundo tipo de etiqueta con más frecuencia (12%) fueron las herramientas de seguimiento de análisis, como Google Analytics, Omniture y Chartbeat. En promedio, los sitios tenían 43 dispositivos de seguimiento y el 42% de los sitios se cargaron con 30 a 49 dispositivos de seguimiento.
Aquí hay otra perspectiva sorprendente resultante de la investigación: los sitios que cargaron el mayor número de etiquetas fueron Nypost.com y Chron.com, con 85 etiquetas increíbles cada una.
Pingdom ha dibujado la distribución de los tiempos de carga para todas las páginas probadas y descubrió que el 42% de los sitios tienen un tiempo de carga de más de 9 segundos. Pero cuando las etiquetas estaban deshabilitadas, el 76% de los sitios se cargaron en 3 segundos o menos, y el tiempo de carga promedio de la página para todas las páginas probadas disminuyó a 2.69 segundos.
Crédito de la imagen: Pingdom. Entonces, ¿qué nos dice esta investigación de Pingdom? Para empezar, las etiquetas tienen un impacto increíble en la velocidad de la página: 6.77 segundos no son nada para estornudar. Cuando, según KissMetics Research, el 47% de los consumidores esperan que una página web cobre en 2 segundos o menos y el 40% de las personas abandonan . Un sitio web que dura más de 3 segundos para cargarse.
Por supuesto, simplemente eliminar todas las etiquetas en un sitio sería una solución fácil para aumentar la velocidad de la página. Pero en realidad, no es una opción viable, porque necesitamos etiquetas para recopilar datos y eventualmente ayudar a proporcionar una mejor experiencia para el usuario. Las etiquetas desorganizadas pueden volverse desordenadas … Eche un vistazo a los sitios web de encabezado Nypost.com y Chron.com-no es agradable. Pero, como una organización de noticias importante, el New York Post y Houston Chronicle se basan en los datos de los usuarios para informar sus esfuerzos de marketing digital. Agradece un Tabel en una página no es un drama, sino 85 como Nypost.com y Chron .com? Hay 85 fragmentos de JavaScript que los desarrolladores tuvieron que agregar en cada sitio, ya sea a nivel de todo el sitio o en lugares muy específicos para las reglas. Incluso con el código de la etiqueta, cada cambio significa que los desarrolladores deben realizar actualizaciones de una página web, costar horas de desarrollo y, sin duda, rechazar cuando los equipos de marketing requieren nuevas etiquetas.
Es frustrante en ambos lados: los equipos de marketing no quieren esperar mucho hasta que los desarrolladores agregan y editen etiquetas. Pero al mismo tiempo, los desarrolladores no quieren lidiar con la latencia que introducen las etiquetas.

Entonces, ¿cómo obtiene todos los beneficios y características de las etiquetas y servicios de tercera parte sin el toque negativo de la página? El caso de los administradores de etiquetas según Wikipedia: “Un sistema de gestión de etiquetas está diseñado para ayudar a administrar el ciclo de vida de las etiquetas de marketing electrónico (a veces llamado píxeles o señal web), que se utilizan para integrar el tercer software. Participe en las propiedades digitales”. Los administradores de etiquetas están diseñados para hacer dos cosas: le permiten agregar, editar y administrar todas sus etiquetas de seguimiento desde un tipo de punto y hacer clic, sin tener que editar manualmente el código fuente; y
Tome todas las etiquetas y las condene en una sola solicitud de JavaScript, que se carga asincrónica en segundo plano, lo que permite que el resto de su sitio cargue independientemente del resultado.
Probablemente haya oído hablar de gestores de etiquetas como Google Label Manager, que le permiten agregar nuevas etiquetas, elegir entre herramientas de seguimiento regulares, insertar los detalles de su cuenta y códigos únicos y establecer etiquetas.

Interfaz de Google Label Manager. Curiosamente, el Estudio de Pingdom encontró que solo el 2% de los primeros 50 sitios de noticias usaban administradores de etiquetas, lo cual es revelador, dado que tienen tantos beneficios. 1. La mayor velocidad de los administradores de etiquetas de página usan un solo fragmento de código JavaScript para cargar todas sus etiquetas, lo que reduce drásticamente la cantidad de solicitudes que sus páginas hacen a los servidores de tercera parte. Además, el fragmento está cargado asíncrono, lo que significa que no interrumpirá ni ralentizará su sitio., Sin tener que editar continuamente el código fuente del sitio. Esta es una gran ventaja si desarrolla sitios de clientes y no desea actualizar continuamente su sitio o si administra su propio sitio y desea actualizar las etiquetas rápidamente. 3. Control más grande (y más rápido) sobre las etiquetas del problema, las etiquetas encuentran errores de vez en cuando, lo que puede afectar la funcionalidad clave de su sitio, como la carga de pancartas o la integración en las redes sociales. O peor, conducir a tiempos no funcionales. Con un administrador de etiquetas, puede eliminar rápidamente los problemas con problemas en unos minutos, sin tener que pasar horas para encontrar y eliminar cada instancia de una etiqueta rota de su sitio.
Los 4 principales administradores de etiquetas que vale la pena verificar las herramientas de gestión de etiquetas siguen siendo una tecnología relativamente nueva y emergente y varían en términos de características, facilidad de uso y precio. Al elegir uno, es importante considerar: qué tipo de integración necesita;
Si tendrá que usar el administrador de etiquetas en sitios móviles o aplicaciones; y
Cualquier requisito especial, como problemas de confidencialidad.
Aquí hay algunas opciones que vale la pena verificar cuando está listo para comenzar a usar un administrador de etiquetas. 1. Google Label Manager

Google Tag Manager es una de las soluciones de administración de etiquetas más utilizadas y tiene muchas ventajas: es gratuito, solo requiere unos pocos clics para comenzar, y su interfaz es fácil tanto para los desarrolladores como para los usuarios no técnicos. . Puede elegir entre más de 50 tipos de etiquetas diferentes, lo que facilita agregar y actualizar Google Adwords, Google Analytics, DoubleClick y muchas etiquetas que no son de Google, tercera parte. 2. Lanzamiento por Adobe
El lanzamiento de Adobe se ha desarrollado con API abiertas, por lo que puede trabajar con servicios ADBOT y no Adobe. Ofrece una interfaz simple para usuarios técnicos y no técnicos y es gratuita para los clientes de Adobe. También hay un generador de reglas de marketing amigable, por lo que puede determinar cuándo implementa etiquetas y un catálogo de extensión para agregar fácilmente servicios de terceros. 3. Luz
Ensighten es un TMS para empresas, seguridad y confidencialidad, que ofrece una interfaz única para administrar etiquetas y datos, con más de 1,000 integraciones llave en mano. Permite a los usuarios unificar los datos de los clientes entre marcas, campos, aplicaciones móviles y publicidad mostrada. Otras características incluyen la capacidad de definir los roles y el acceso a la seguridad de los usuarios, centros de datos confiables y redundantes, rastreando la participación de los usuarios de aplicaciones móviles. 4. Quitquubit es uno de los gerentes de etiquetas más flexibles en el nivel de la empresa del mercado. Utiliza su propio sistema Opentag, que ha sido diseñado teniendo en cuenta las agencias de marketing, pero que es personalizable para los desarrolladores. La implementación de etiquetas se realiza sin esfuerzo, gracias a la biblioteca de etiquetas grandes y las versiones de código, que facilitan el regreso a las versiones anteriores de los contenedores de etiquetas. Conclusión Si no tiene un administrador de etiquetas, es hora de comenzar a usar uno. La implementación manual de las etiquetas no solo consume un tiempo ridículo, sino que tener más etiquetas en los encabezados de la página inserta una latencia que puede ser una gran pérdida para la velocidad de la página. Después de crear un gerente de etiqueta, examine regularmente las etiquetas que usa y elimina las que ya no benefician a usted o sus visitantes. Esto significa evaluar lo que cada uno de ellos hace en el sitio y si las ventajas van más allá de las desventajas potenciales de la velocidad de la página. .