Pruebas SPA A/B: una guía de inicio para aplicaciones de una sola página y las 10 mejores herramientas de pruebas SPA A/B para usar

Publicado: 2022-02-15
Una guía de inicio para aplicaciones de una sola página y las 10 mejores herramientas de prueba SPA A:B para usar

Aplicaciones de una sola página: ¿Qué son, cómo funcionan y, lo que es más importante, cómo hacemos pruebas A/B en ellas?

En esta guía, vamos a desglosarlo, así como a ver 10 de las mejores plataformas de pruebas A/B que puedes usar.

Cubriremos sus precios, sus características, si permiten pruebas, y luego detallaremos qué métodos utilizan para permitirle ejecutar pruebas A/B en aplicaciones de una sola página.

De esta manera, puede decidir exactamente qué herramienta es la mejor para usted y sus necesidades de prueba.

(Si ya sabe todo sobre las pruebas de SPA, no dude en pasar a la sección de herramientas aquí).

ocultar
  • ¿Qué es una aplicación de una sola página (SPA)?
    • Arquitectura de aplicación de una sola página
  • SPA (aplicación de una sola página) frente a MPA (aplicación de varias páginas)
    • Las desventajas de los sitios de aplicaciones de una sola página
      • 1. Carga de página inicial lenta
      • 2. JavaScript debe estar instalado y funcionando
      • 3. Más esfuerzo para construir y editar (Fat Frontend)
      • 4. Medición e informes analíticos
      • 5. Posibles problemas de SEO
      • 6. Posibles problemas con las pruebas A/B
    • Marcos populares de aplicaciones de una sola página. ¿Qué elegir: React, Angular o Vue?
    • Ejemplos de sitios de aplicaciones de una sola página
      • netflix
      • Facebook
      • Gmail
  • ¿Cómo hacer pruebas A/B en sitios de aplicaciones de una sola página (SPA)?
    • El disparador de prueba
    • El Marco SPA
    • La herramienta que utiliza para probar su SPA con
  • Las 10 principales herramientas de prueba A/B que se han adaptado a los sitios de aplicaciones de una sola página (SPA)
    • #1: Convertir Experiencias
    • #2: objetivo de Adobe
    • #3. VWO
    • #4. Kameleoon
    • #5: Especificación del sitio
    • #6. de forma optimizada
    • #7: Google Optimizar/Optimizar 360
    • #8. ABlyft
    • #9. AB sabroso
    • #10. Rendimiento dinámico
  • En pocas palabras: Pruebas A/B de aplicaciones de una sola página

¿Qué es una aplicación de una sola página (SPA)?

Un SPA es un sitio web o una aplicación web que está diseñado para cargarse súper rápido y de manera fluida. Su objetivo es replicar la experiencia de una aplicación móvil bien diseñada y cómo está construida. Haces clic en algo y se carga casi de inmediato.

Sin embargo, el nombre de aplicación de una sola página es un poco engañoso y confuso para los usuarios que no son de tecnología. No se refiere a sitios que solo se construyen como una sola página web, sino que se refiere a cómo se codifica.

Arquitectura de aplicación de una sola página

La mejor manera de entender cómo funciona un SPA es ver cómo está construido (la arquitectura del sitio) y compararlo con un sitio web estándar que podría usar.

Un sitio web estándar, también conocido como estático o 'aplicación de varias páginas' (MPA), se crea con varias páginas de código HTML que representan cada página individual del sitio. Entonces tendrá una página HTML para la página de inicio, otra para la página acerca de, etc.

Cada vez que se hace clic en un nuevo enlace, el sitio web solicita al servidor el código HTML para que se cargue esa nueva página, lo que provoca un retraso.

Arquitectura de aplicaciones de varias páginas

En realidad, puede evitar esto hasta cierto punto cargando previamente estos otros enlaces en los sitios de MPA para acelerar la carga de su página. Hablamos de esto en esta guía aquí, para preparar su sitio para cumplir con Core Web Vitals durante la prueba.

SPA (aplicación de una sola página) frente a MPA (aplicación de varias páginas)

La principal diferencia entre un SPA y un MPA es que el SPA tiene una sola página de código HTML para todo el sitio que solo necesita cargarse una sola vez, de ahí el término 'página única'.

Arquitectura de aplicación de una sola página

En lugar de tener que solicitar y cargar varias páginas HTML, el SPA precarga todo el contenido con el primer clic, almacena en caché el contenido del otro sitio por adelantado y luego vuelve a representar y actualiza dinámicamente la apariencia de la página cuando alguien hace clic en los enlaces. de cargar nuevos archivos HTML.

Lo logra mediante el uso de JavaScript y la representación del lado del servidor para cargar el nuevo contenido o páginas, mientras que la página actual aún está abierta. Esto da la apariencia de una experiencia de usuario más fluida y, por lo general, se carga más rápido que un MPA tradicional, ya que no hay tiempo de inactividad aparente ni pantallas en blanco.

Las desventajas de los sitios de aplicaciones de una sola página

Como evaluadores, sabemos que un sitio rápido brinda una excelente experiencia de usuario, pero ¿cuáles son las desventajas de usar un SPA para su sitio?

1. Carga de página inicial lenta

Debido a que el SPA precarga todo el sitio de una sola vez, puede significar que la carga inicial de la página puede ser más lenta que un MPA estándar. Sin embargo, debido a la forma en que se carga, aún puede parecer que se carga rápido para el usuario, ya que la ventana de visualización inicial generalmente se carga de inmediato y da la apariencia de una carga instantánea.

2. JavaScript debe estar instalado y funcionando

Si el navegador o dispositivo del usuario no tiene habilitado JavaScript, el sitio simplemente no funcionará. Esto rara vez sucede y se notificará a los usuarios para habilitarlo y descargarlo, pero puede suceder.

3. Más esfuerzo para construir y editar (Fat Frontend)

Debido a la complejidad en la creación de sitios SPA, a veces pueden tomar más tiempo para crear o más esfuerzo para realizar cambios.

No solo eso, sino que también pueden causar posibles problemas de UX si no se construyen correctamente.

Por ejemplo, el usuario puede presionar la pestaña Atrás y abandonar el sitio en lugar de volver a la 'página' anterior. Nuevamente, muy raro cuando se construye correctamente.

4. Medición e informes analíticos

Los SPA también pueden ser difíciles de rastrear análisis en el sitio. Debido a que no hay una página separada como tal, las acciones deben rastrearse a través de los cambios dinámicos que ocurren en lugar de las cargas de URL. Aquí hay una guía sobre cómo hacer esto con Google Analytics 4 y GTM.

5. Posibles problemas de SEO

Esto también puede afectar el SEO del sitio, ya que las arañas web de Google luchan por rastrear el SPA. (Aunque actualmente está siendo mejorado por el trabajo de Google para rastrear JavaScript dinámico en la página).

6. Posibles problemas con las pruebas A/B

Por último, podemos encontrarnos con algunos problemas de pruebas A/B al realizar pruebas en aplicaciones de una sola página, principalmente debido a cómo se carga la página y cómo se entrega la prueba, pero cubriremos esto con más detalle en solo un segundo.

Marcos populares de aplicaciones de una sola página. ¿Qué elegir: React, Angular o Vue?

Hay varios marcos que los desarrolladores pueden usar para crear aplicaciones de una sola página, como:

  • Angular
  • Reaccionar
  • meteoritos
  • backbonejs
  • EmberJs
  • Polímeros
  • KnockoutJs
  • Aurelio

Sin embargo, los más populares son Angular (con mucha documentación en GitHub), React (código abierto, bien documentado en GitHub) y Vue.js (el más nuevo de los tres).

Ejemplos de sitios de aplicaciones de una sola página

¿Qué tipo de sitios se basan en marcos SPA?

Gracias a sus fantásticas velocidades de carga, algunos de los sitios más grandes están construidos como SPA:

  • netflix
  • Facebook
  • Gmail
  • YouTube
  • airbnb

La mayoría de los SPA se crean utilizando marcos como React y Angular.

Aquí hay algunos ejemplos de SPA bien conocidos:

netflix

El popular servicio de transmisión de entretenimiento utiliza el marco React para permitir a sus usuarios ver programas de televisión y películas sin experimentar ningún retraso.

Cuando considera cuántos datos se transmiten en Netflix y cuántas personas, es razonable concluir que el enfoque SPA de Netflix hace un uso completo de este método.

Facebook

La fuente de noticias de Facebook es un ejemplo de un SPA.

Cuando se desplaza por los videos anteriores o hace clic en otros botones, se cargan porciones específicas de contenido en la página. Para soportar la experiencia, no es necesario salir de la página.

Gmail

El navegador permanece en la misma página web cuando hace clic en sus mensajes en su bandeja de entrada.

¿Cómo hacer pruebas A/B en sitios de aplicaciones de una sola página (SPA)?

En lugar de entrar en detalles sobre ideas específicas de pruebas A/B para sitios SPA que hemos cubierto antes, quiero cubrir cómo ejecutar pruebas en sitios SPA .

¿Por qué?

Bueno, ejecutar pruebas en sitios SPA es diferente de un MPA estático por tres cosas:

  • El gatillo que hace que la prueba se dispare,
  • El marco en el que se basa el SPA, y
  • La herramienta que está utilizando para probar.

Así que déjame explicarte los fundamentos…

El disparador de prueba

Normalmente, con la mayoría de las pruebas A/B, activamos el experimento en función de las cadenas de URL. Si alguien visita la URL específica de la página que queremos probar y si cumple con los criterios que establecemos, entonces tiene la oportunidad de ejecutar el experimento.

Debido a que los SPA no tienen un disparador de URL en particular y usan JavaScript para volver a representar los elementos de la página, necesitamos usar otros métodos de disparador como:

  • disparadores de sondeo,
  • Usar condiciones de JavaScript en el área del sitio, y
  • Activación manual.

De esta manera, podemos asegurarnos de que la prueba se activa y se ejecuta en las condiciones adecuadas.

El Marco SPA

Sin embargo, no se trata solo de configurar nuevos disparadores. Debido a la forma en que los 3 marcos populares ejecutan y entregan el sitio SPA, es posible que deba ajustar su configuración de prueba para que se entregue correctamente, según el marco que esté utilizando.

Tenemos guías para cada uno de estos a continuación:

  • Ejecución de experimentos en una página de AngularJS
  • Ejecución de experimentos en una página de VueJS
  • Ejecutar experimentos en una página de ReactJS

La herramienta que utiliza para probar su SPA con

No son solo los marcos de JavaScript los que debe tener en cuenta al configurar pruebas en sitios SPA. También debe observar cómo funciona la herramienta real que está utilizando para ejecutar pruebas en un sitio SPA porque puede afectar si puede ejecutar la prueba en su marco particular.

Así es como ejecutamos pruebas A/B en sitios SPA utilizando Convert Experiences:

  1. Ejecute una prueba A/A para asegurarse de que la herramienta esté configurada correctamente si es la primera vez que la usa. (Solo debe hacerse una vez).
  2. Utilice la capa de datos para contener las partes de la URL y otros datos de la página (ya que la propia URL no cambia).
  3. La sección del sitio en la ventana gráfica es un disparador importante que se puede usar para llamar variaciones. Esto es necesario cuando la URL no se actualiza con las secciones desplazadas.
  4. Asegúrese de usar un CDN o contenido de búsqueda previa para que el contenido de la sección del sitio actualizado se cargue rápidamente y no interrumpa la naturaleza fluida/nativa de los SPA ( una de sus mayores ventajas ).
  5. Asegúrese de que los objetivos activados se sondeen y recopilen, incluso si la página no se actualiza.
  6. También puede ir del lado del servidor para realizar pruebas A/B basadas en SPA.

Esto es cierto para cualquier plataforma de prueba que pueda usar, por lo que cuando analicemos las diferentes herramientas de prueba A/B a continuación, cubriremos cómo cada una de ellas realmente prueba en SPA para que pueda decidir cuál es la mejor para usted.

Las 10 principales herramientas de prueba A/B que se han adaptado a los sitios de aplicaciones de una sola página (SPA)

Ahora que hemos analizado qué son los SPA y los problemas comunes que debe tener en cuenta al probar los sitios de SPA, analicemos las herramientas de prueba más populares que le permiten ejecutar pruebas en ellos.

  • Convertir Experiencias
  • objetivo de adobe
  • VWO
  • Kameleoon
  • SiteSpect
  • de forma optimizada
  • Google optimizar
  • ABlyft
  • AB sabroso
  • Rendimiento dinámico

#1: Convertir Experiencias

Herramienta de prueba SPA A/B Convert Experiences
Convertir Experiencias

Precios : a partir de $ 699 por mes, con $ 199 por cada 100k visitantes después de eso.

Tipos de planes:

Herramienta de prueba A/B de SPA Planes Convert Experiences
Fuente

¿Ofrecen una prueba gratuita? Sí, 14 días de prueba gratis sin necesidad de tarjeta de crédito.

¿Ofrecen atención al cliente? Sí, desde el comienzo del juicio. ¿Que tipo? Chat en vivo, blog y base de conocimiento con más por venir.

¿Cómo se adapta para manejar los SPA? Convert puede manejar SPA al proporcionar una función de activación de conversión (sondeo) que se puede llamar en cualquier momento después de cargar la página. Permite la activación específica, como objetivos, JavaScript, activación manual y más. También le permite volver a cargar la configuración de conversión en cada cambio de vista y puede trabajar en el seguimiento del lado del cliente o del lado del servidor.

¿Tiene la capacidad de desencadenar experimentos a través de JavaScript? Sí. Puedes leer más sobre esto aquí.

¿Encuesta la activación de objetivos sin depender de las actualizaciones de la página? Sí. A través de la adición de un código listo para usar en Configuración del proyecto> Javascript del proyecto global o mediante la integración directa con el marco SPA.

Obtenga más información sobre la ejecución de experimentos en SPA.

Revisión del radio de confianza :

convertir revisión de spa tr
Fuente

Principales clientes: Sony, Jabra, Unicef ​​y otros.

¿Les importa la privacidad? Cumplimos totalmente con el RGPD. Incluso dejamos de usar herramientas para nuestro trabajo interno de otras empresas que no cumplen con el RGPD, eso es lo que significa para nosotros.

¿Les importa el mundo? Sí. Está en nuestro ADN. Plantamos árboles, ejecutamos programas comunitarios, promovemos la diversidad desde la solicitud inicial, hacemos donaciones a organizaciones benéficas y mucho más. Diablos, somos 15x de carbono negativo.

Cómo se ve esta plataforma de pruebas A/B en acción:

Captura de pantalla de la herramienta de prueba SPA A/B Convert Experiences
Fuente

#2: objetivo de Adobe

Herramienta de pruebas SPA A/B Adobe Target
objetivo de adobe

Precios : solo disponible después de reservar una llamada. La tarifa inicial es de aproximadamente $ 10,000 por mes.

¿Ofrecen una prueba gratuita? No.

Tipos de planes:

Herramienta de pruebas SPA A/B Precio de Adobe Target
Fuente

¿Ofrecen atención al cliente? Sí, en forma de base de conocimientos y programas de formación en vídeo.

¿Cómo se adapta para manejar los SPA? Adobe Target puede manejar SPA a través de una función triggerView() a la que se puede llamar dentro del código SPA. Puedes leer más sobre esto aquí.

¿Tiene la capacidad de desencadenar experimentos a través de JavaScript? Sí.

¿Encuesta la activación de objetivos sin depender de las actualizaciones de la página? Sí. Sin embargo, necesita una integración directa con SPA Framework.

Revisión del radio de confianza :

Herramienta de prueba SPA A/B Revisión de Adobe Target
Fuente

Principales clientes: Nvidia, Sprint mobile, Phillips.

¿Les importa la privacidad? Sí, pero, irónicamente, requieren su correo electrónico y número de teléfono para obtener más información al respecto. Sin embargo, están trabajando mucho en datos propios para un seguimiento no intrusivo.

¿Les importa el mundo? Mucho. Defienden la diversidad, trabajan para lograr edificios con energía 100% renovable, reducen las emisiones, ejecutan programas de acción comunitaria y mucho más.

Cómo se ve esta herramienta de prueba en acción:

Captura de pantalla de la herramienta de prueba SPA A/B Adobe Target
Fuente

#3. VWO

Herramienta de prueba SPA A/B VWO
Pruebas VWO

Precios : desde $99/mes. Cualquier cosa más requiere un precio personalizado de acuerdo a sus necesidades. Y tendrá que ponerse en contacto con el equipo de ventas de VWO para obtener el suyo.

Tipos de planes:

Herramienta de prueba SPA A/B Precios VWO
Fuente

¿Ofrecen una prueba gratuita? Sí, puede comenzar con una prueba gratuita de 30 días.

¿Ofrecen atención al cliente? Sí, puede llamarlos cuando necesite ayuda. O consulte su página de recursos.

¿Cómo se adapta para manejar los SPA? VWO puede manejar los SPA automáticamente a través de su código de seguimiento estándar y también proporciona una función para activar los cambios de página.

Para los SPA que cambian cadenas de URL con nuevas cargas de contenido, funciona con la instalación estándar. Para los SPA que no cambian la URL, debe configurar una página virtual con una URL personalizada.

¿Tiene la capacidad de desencadenar experimentos a través de JavaScript? Sí. Llamando a 'applychanges'.

¿Encuesta la activación de objetivos sin depender de las actualizaciones de la página? Sí. Detectará automáticamente los cambios en la URL y el historial del navegador al incluir solo el código de seguimiento VWO.

Revisión del radio de confianza :

Revisión de VWO de la herramienta de prueba SPA A/B
Fuente

Principales clientes: Ubisoft, AMD, Penn Foster, Optimeria e IMB Bank.

¿Les importa la privacidad? Sí. Cumplen con las principales leyes y regulaciones de privacidad, pero almacenan algunos datos de los visitantes en sus servidores.

¿Les importa el mundo? El presidente de Wingify (la marca detrás de VWO), Paras Chopra, tuiteó su apoyo a un par de iniciativas de alivio de COVID, incluida la creación de un centro de atención de COVID de 10 camas en Delhi.

Cómo se ve esta plataforma de pruebas A/B en acción:

Captura de pantalla VWO de la herramienta de prueba SPA A/B
Fuente

#4. Kameleoon

Herramienta de prueba SPA A/B Kameleoon
Kameleoon

Precios : personalizados según sus necesidades. Obtienes tu precio único poniéndote en contacto con el equipo de ventas.

Tipos de planes: debe comunicarse con su equipo de soporte para conocer los precios. Los planes se basan en sus requisitos.

¿Ofrecen una prueba gratuita? Sí.

¿Ofrecen atención al cliente? Sí. Incluso puede obtener un administrador de cuenta dedicado para que lo ayude con proyectos complicados.

¿Cómo se adapta para manejar los SPA? Kameleoon tiene una extensa API de activación para poder activar experimentos en su plataforma. Lea más sobre esto aquí.

¿Tiene la capacidad de desencadenar experimentos a través de JavaScript? Sí. A través de la función asignarVariación().

¿Encuesta la activación de objetivos sin depender de las actualizaciones de la página? Detecta automáticamente las actualizaciones de URL. Sin embargo, cuando no se producen cambios en la URL, se debe llamar a la activación del experimento a través de su API.

Revisión del radio de confianza :

Revisión de la herramienta de prueba SPA A/B Kameleoon
Fuente

Clientes principales: Lexus, Unity, Providence, Toyota y Rakuten usan Kameleoon.

¿Les importa la privacidad? Cumplen con HIPAA, GDPR y CCPA. También tienen una función de gestión de consentimiento flexible para adaptar su política de privacidad para cada prueba A/B.

¿Les importa el mundo? No pude encontrar evidencia de ninguna organización benéfica que patrocinen o causas ambientales que apoyen. Aunque es interesante saber que tienen dos camaleones vivos en sus oficinas de Alemania y Francia.

Cómo se ve esta plataforma de pruebas A/B en acción:

Captura de pantalla de la aplicación Kameleoon de la herramienta de pruebas SPA A/B
Fuente

#5: Especificación del sitio

Herramienta de prueba SPA A/B SiteSpect
SiteSpect

Precios : deberá ponerse en contacto con SiteSpect para obtener un precio personalizado de acuerdo con sus necesidades.

Tipos de planes: No hay información disponible antes de una llamada.

¿Ofrecen un plan gratuito? Sí, ofrecen una prueba gratuita.

¿Ofrecen atención al cliente? La atención al cliente está disponible a través de llamadas telefónicas y correo electrónico para versiones gratuitas y de pago. También hay seminarios web pregrabados disponibles en su base de conocimientos.

¿Cómo se adapta para manejar los SPA? SitesSpect actúa como un proxy donde todos los elementos del sitio web se pueden cambiar e intercambiar por otras versiones mientras se descarga de los servidores.

Eso significa que pueden modificar cualquier elemento antes de ensamblar la página, incluso antes de que se haya descargado el SPA en la página. Sin embargo, necesitará experiencia técnica para poder determinar qué elementos deben intercambiarse y definitivamente no es tan fácil como cambiar una página en el sitio.

Además, cualquier componente que esté premontado en los servidores no se puede volver a montar con esta solución.

¿Tiene la capacidad de desencadenar experimentos a través de JavaScript? No. Todo se hace en un proxy, similar al lado del servidor.

¿Encuesta la activación de objetivos sin depender de las actualizaciones de la página? No, por la misma razón que antes. Todo se hace en un proxy, similar al lado del servidor.

Revisión del radio de confianza :

Herramienta de pruebas SPA A/B SiteSpect revisión de usuario
Fuente

Principales clientes: Staples, PetSmart, AmericanGirl y Urban Outfitters utilizan SiteSpect.

¿Les importa la privacidad? Ellas hacen. Cuentan con certificación PCI DSS 3.2; Cumple con GDPR, CCPA y escudo de privacidad, y está listo para HIPAA.

¿Les importa el mundo? Se sabe que SiteSpect patrocina algunos proyectos de caridad desde 2014.

Cómo se ve esta herramienta de prueba A/B en acción:

Captura de pantalla de la aplicación SiteSpect de la herramienta de pruebas SPA A/B
Fuente

#6. de forma optimizada

Herramienta de prueba SPA A/B Optimizely
de forma optimizada

Precios : utilizan un modelo de precios personalizado. Pero Splitbase predice que cuestan al menos 36.000 dólares al año.

Tipos de planes: no pude encontrar esta información sin contactarlos para una demostración.

¿Ofrecen una prueba gratuita? No. Detuvieron el plan gratuito en 2018.

¿Ofrecen atención al cliente? Sí. Tienen un banco de recursos para ayudar a los usuarios a despegarse y números de teléfono para pedir ayuda las 24 horas del día, los 7 días de la semana.

¿Cómo se adapta para manejar los SPA? El soporte de Optimizely para SPA se puede activar marcando una casilla de verificación. Esto detecta cuando cambia la URL o cuando cambia el DOM, lo que activa la evaluación de los experimentos y la activación de los que el visitante ha sido clasificado en la página actual.

¿Tiene la capacidad de desencadenar experimentos a través de JavaScript? Sí.

¿Encuesta la activación de objetivos sin depender de las actualizaciones de la página? Sí. Sondea cambios de URL y cambios de DOM.

Revisión del radio de confianza :

Revisión de Optimizely de la herramienta de prueba SPA A/B
Fuente

Principales clientes: Microsoft, IBM, HP, eBay, Yamaha, Pizza Hut y Atlassian lo utilizan.

¿Les importa la privacidad? Toman en consideración las leyes de privacidad antiguas y nuevas y las integran en sus productos para que usted, el usuario, no tenga que preocuparse por el cumplimiento.

¿Les importa el mundo? La mayoría de los nuevos empleados son enviados como voluntarios en la comunidad en su segundo día.

Cómo se ve este software de pruebas AB en acción:

Captura de pantalla de la aplicación Optimizely de la herramienta de prueba SPA A/B
Fuente

#7: Google Optimizar/Optimizar 360

Herramienta de prueba SPA A/B Google Optimize
Google optimizar

Precios : Hay 2 versiones de esta herramienta. Optimize es gratuito, pero para funciones avanzadas, debe optar por Google Optimize 360.

El precio de Optimize 360 ​​es personalizado (aunque se rumorea que ronda los $150 000 por año). Para obtener su precio mensual, deberá completar un formulario para contactar a su equipo de ventas.

Tipos de planes:

Herramienta de prueba SPA A/B Precios de Google Optimize
Fuente

¿Ofrecen una prueba gratuita? Sí.

¿Ofrecen atención al cliente? Tienen un centro de recursos con consejos, tutoriales en video, comunidad de ayuda y más.

¿Cómo se adapta para manejar los SPA? Google Optimize proporciona compatibilidad con SPA al permitir una activación automática de los cambios del experimento cuando cambia la URL o el DOM.

También proporciona un evento de activación en el que los cambios del experimento se pueden activar con código.

¿Tiene la capacidad de desencadenar experimentos a través de JavaScript? Sí. A través deoptimize.activate que recomiendan insertar vía GTM.

¿Encuesta la activación de objetivos sin depender de las actualizaciones de la página? Sí. Lo hace al habilitar la Activación Continua.

Revisión del radio de confianza :

Revisión de la herramienta de prueba SPA A/B Google Optimize
Fuente

Principales clientes: Adidas, Spotify, Eurobank y más.

¿Les importa la privacidad? Cumplen con las leyes de protección de datos del cliente aplicables en los países donde se utilizan sus productos.

También trabajan con terceros y autoridades de protección de datos para mantener seguros los datos de los usuarios.

¿Les importa el mundo? Google ha sido neutral en carbono desde 2007 y planea estar libre de carbono para 2030. Aparte de eso, son conocidos por numerosos gestos filantrópicos con su compromiso de mil millones de dólares.

Cómo se ve esta plataforma de pruebas divididas en acción:

Captura de pantalla de la aplicación Google Optimize de la herramienta de prueba SPA A/B
Fuente

#8. ABlyft

Herramienta de pruebas SPA A/B Ablyft
Ablyft

Precios : Los precios están disponibles bajo petición. Sin embargo, encontré un documento anterior donde ofrecían pruebas limitadas GRATIS para 5k usuarios, luego $329 al mes después de eso ($279 si se paga anualmente).

Tipos de planes:

Herramienta de pruebas SPA A/B Precios de Ablyft
Fuente

¿Ofrecen una prueba gratuita? Sí, puede comenzar con una prueba gratuita de 30 días, sin necesidad de tarjeta de crédito.

¿Ofrecen atención al cliente? Sí. Tienen una base de conocimientos básicos y opciones de chat en vivo.

¿Cómo se adapta para manejar los SPA? ABlyft también cuenta con pruebas AB automáticas y programáticas. Con opción de activación con URL, cambio de DOM y API programática.

¿Tiene la capacidad de desencadenar experimentos a través de JavaScript? Sí, a través de una función API.

¿Encuesta la activación de objetivos sin depender de las actualizaciones de la página? Sí, cuando cambian la URL y el DOM.

Revisión del radio de confianza :

No hubo reseñas en Trust Radius para esta herramienta, así que tomé la reseña de G2.

Revisión de la herramienta de prueba SPA A/B Ablyft
Fuente

Top Clientes Revista Elle, Bazaar e Instyle.

¿Les importa la privacidad? Sí. Cumplen con las principales leyes de privacidad y GDPR.

¿Les importa el mundo? No es que pudiera encontrar.

Cómo se ve esta plataforma de pruebas A/B en acción:

Captura de pantalla de la aplicación Ablyft de la herramienta de pruebas SPA A/B
Fuente

#9. AB sabroso

Herramienta de pruebas SPA A/B AB Tasty
AB sabroso

Precios: desde $1900/mes para 400 000 visitantes evaluados al mes para el plan Essentials. El plan Growth cuesta $3800/mes mientras que el plan Elite comienza en $5700/mes.

Tipos de planes: debe ponerse en contacto con su equipo de ventas para conocer los precios y los tipos de planes.

¿Ofrecen una prueba gratuita? No. Puede solicitar una llamada de demostración para ver sus nuevas funciones.

¿Ofrecen atención al cliente? Sí. Tienen una base de conocimientos y chat en vivo.

¿Cómo se adapta para manejar los SPA? AB Tasty permite la activación de experimentos cuando se cumple una determinada condición, que se puede verificar al cargar la página o periódicamente hasta que se cumpla la condición. Estas condiciones comprobadas periódicas pueden ser un valor de URL, elementos presentes en la página basados ​​en selectores de CSS, condiciones JS que vuelven a ser verdaderas o código personalizado y también activación programática a través de promesas de JavaScript.

¿Tiene la capacidad de desencadenar experimentos a través de JavaScript? Sí. Mediante promesas Javascript o Condiciones JS evaluadas periódicamente.

¿Encuesta la activación de objetivos sin depender de las actualizaciones de la página? Sí. Puede evaluar periódicamente valores de URL, elementos presentes en la página a través de selectores CSS, condiciones JS o promesas JS.

Revisión del radio de confianza :

Herramienta de prueba SPA A/B Revisión de AB Tasty
Fuente

Principales clientes: Disney, L'Oreal, Kalviyo y otros.

¿Les importa la privacidad? Sí. Las direcciones IP de los usuarios se utilizan para crear un código de identificación y luego se eliminan inmediatamente antes de pasar a la herramienta. Los códigos de identificación se anonimizan y luego se eliminan después de 13 meses.

¿Les importa el mundo? Donan directamente a ONG, trabajan con grupos de acción social, reciclan y apadrinan colmenas.

Cómo se ve esta plataforma de pruebas A/B en acción:

Captura de pantalla de la aplicación AB Tasty de la herramienta de pruebas SPA A/B
Fuente

#10. Rendimiento dinámico

Herramienta de prueba SPA A/B Dynamic Yield
Rendimiento dinámico

Precio : no pude encontrar ninguna información sobre el precio, aparte de que es un 24% más alto en promedio que otras herramientas que ofrecen personalización.

Tipos de planes: nuevamente, no pude encontrar ninguna información al respecto.

¿Ofrecen una prueba gratuita? Sí, pero primero debe solicitar una demostración.

¿Ofrecen atención al cliente? Sí. ¿Que tipo? Ofrecen asistencia telefónica y por correo electrónico, junto con una base de conocimientos básicos para ayudar con la instalación y luego una academia para enseñar a probar.

¿Cómo se adapta para manejar los SPA? Dynamic Yield maneja los SPA aprovechando una API web llamada MutationObserver , que proporciona enlaces a las mutaciones DOM y permite que la herramienta realice un seguimiento cuando ocurren las mutaciones. El uso de la API permite que la herramienta aplique cambios en tiempo real según sea necesario.

¿Tiene la capacidad de desencadenar experimentos a través de JavaScript? Sí. Sin embargo, advierten que es posible que algunas bibliotecas JavaScript más antiguas no sean compatibles.

¿Encuesta la activación de objetivos sin depender de las actualizaciones de la página? Esta función debe habilitarse en la Configuración avanzada de una campaña, marcando la opción Servir en cada evento SPA .

Revisión del radio de confianza :

Revisión de rendimiento dinámico de la herramienta de prueba SPA A/B
Fuente

Principales clientes: Urban Outfitters, Ikea, Sephora y más.

¿Les importa la privacidad? Dynamic Yield es totalmente compatible con GDPR.

¿Les importa el mundo? De hecho, hacen algo genial, que es ofrecer el uso gratuito de su herramienta a organizaciones benéficas que cumplan con ciertos criterios. También trabajan en la comunidad.

Cómo se ve esta plataforma de pruebas A/B en acción:

Captura de pantalla de la herramienta de prueba SPA A/B Dynamic Yield
Fuente

En pocas palabras: Pruebas A/B de aplicaciones de una sola página

Así que ahí lo tienes.

Nuestra guía completa para pruebas A/B de aplicaciones de una sola página. Qué son, cómo funcionan y las 10 plataformas principales que puede usar para optimizar los sitios SPA o las aplicaciones web. Hemos hecho que el conocimiento sea fácil para los principiantes, por lo que incluso si sus habilidades aún no coinciden con todos estos términos técnicos, ¡esperamos que todavía haya aprendido algo!

¿Quieres más información sobre cada herramienta? Entrevistamos a un grupo de expertos en CRO sobre las mejores herramientas que creen que son las mejores para los próximos 5 años (incluidas las herramientas de esta lista). Mira lo que tienen que decir aquí.

Y permanezca atento a la parte 2 de la serie Pruebas A/B en aplicaciones de una sola página , donde echamos un vistazo al backend y compartimos más consejos técnicos y mejores prácticas para ejecutar pruebas exitosas en aplicaciones de una sola página. ¡Saldrá en dos días!

Obtener tabla interactiva
Obtener tabla interactiva