Saltar al contenido principal
Loading...
Skip to article
  • Qualtrics Platform
    Qualtrics Platform
  • Customer Journey Optimizer
    Customer Journey Optimizer
  • XM Discover
    XM Discover
  • Qualtrics Social Connect
    Qualtrics Social Connect

Información A/B en sitios web y aplicaciones


Was this helpful?


This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The feedback you submit here is used only to help improve this page.

That’s great! Thank you for your feedback!

Thank you for your feedback!


Consejo Q: Si no tiene acceso a ninguna de las funciones descritas en esta página, póngase en contacto con su ejecutivo de cuentas. Para obtener más información sobre las diferencias entre la opinión digital y CustomerXM for Digital, consulte Opinión digital frente a CustomerXM for Digital.

Acerca de las Información A/B en sitios web y aplicaciones

La prueba A/B es un formato de investigación clásico utilizado en todas las disciplinas. En este método de prueba, se compara una condición de control con una en la que se aplica un tratamiento, para luego analizar si hay una diferencia significativa entre el comportamiento de los encuestados en el tratamiento frente a la línea de base de control. Las pruebas A/B pueden ser útiles en el desarrollo web porque le permiten comparar dos versiones de un diseño o anuncio para determinar cuál es la preferida por sus clientes.

En esta página, explicaremos cómo probar dos versiones diferentes del mismo diseño de Website/App Información para subconjuntos aleatorios de visitantes del sitio, para ver cuál funciona mejor.

Consejo Q: Esta página no trata de probar una intercept en su sitio web antes de que entre en funcionamiento. Para obtener esa guía, consulte Sección de Intercept de prueba.
Consejo Q: Si está interesado en ejecutar pruebas A/B con fines de investigación no relacionados con el desarrollo web, consulte Pruebas A/B en encuestas.

Establecimiento de los elementos creativos que se van a probar

Los elementos creativos son el elemento visual de un proyecto de Información sitios web y aplicaciones. El primer paso para realizar pruebas A/B de creatividades es, por supuesto, crear las creatividades que desea probar.

Ya sea que estés probando diferentes anuncios, banners o contenido embebido, puedes realizar pruebas A/B de casi cualquier diseño. Para ayudarte a comenzar, aquí tienes una lista de todas las creatividades que puedes crear en Qualtrics:

Consejo Q: Asegúrate de hacer una separado diseño para cada versión que quieras probar. Por ejemplo, si desea probar si su nuevo anuncio obtiene más clics cuando está en blanco y negro que en color, necesitará crear dos anuncios.
Consejo Q: Generalmente, probarás dos o más elementos del mismo tipo de diseño. Pero no hay reglas absolutas; por ejemplo, es posible que estés intentando evaluar si una bandera o un diálogo que aparece en la pantalla Obtiene más tracción con los visitantes del sitio.
Consejo Q: Las creatividades y las intersecciones que cree para las pruebas A/B deben estar ubicadas dentro del mismo proyecto.

Publicaciones creativas

Una vez que hayas terminado, asegúrate de publicar sus creatividades para que se envíen al código en vivo. Solo los cambios que se publiquen se mostrarán en su sitio web una vez que tenga el código colocado en su sitio web.

Si está editando un diseño, implemente el código en su sitio web y haga lo siguiente: no Si desea enviar sus ediciones en vivo a los visitantes del sitio web, haga clic en Ahorrar en cambio.

Publicar un diseño para utilizarlo en pruebas A/B

Configuración de intercepciones

Una vez realizadas las creatividades, es hora de pasar a las intersecciones. Las intercepciones son las reglas que rigen cuándo y cómo se muestran sus creatividades en su sitio web.

Cada intercept se compone de al menos un conjunto de acciones. Un conjunto de acciones determina qué sucede en su sitio web cuando se cumplen determinadas condiciones. Cuando se configura conjuntos de acciones múltiples, puedes comenzar a hacer cosas más complejas, como presentar una diseño completamente diferente a diferentes grupos de visitantes del sitio web.

  1. Crear una intercept.
    Consejo Q: Para los usuarios del flujo antiguo, consulte Estos pasos. Para los usuarios del nuevo flujo, consulte Estos pasos.
  2. Crear un conjunto de acciones para cada diseño que quieras probar.
    Una intercept con dos conjuntos de acciones. Puedes ver dos creatividades diferentes pero similares cargadas en cada una
  3. Añade lógica según sea necesario. Para que la lógica aplicar a ambas creatividades, utilice lógica de intercept. Si es específico de la creatividad, utilice lógica del conjunto de acciones.
    Ejemplo: Independientemente de qué subconjunto aleatorio vea mi banner, solo quiero que aparezca en mis páginas de soporte. Especifico que la URL debe contener “/support/” en la lógica de intercept .
  4. Ve a tu intercept Opciones y seleccione Aleatorizar conjunto de acciones.
    Aleatorizar conjuntos de acciones y mostrar las configuraciones de frecuencia de muestra indicadas en las opciones de intercept
  5. Asegúrese de que su Frecuencia de muestra de la pantalla es 100%.

Datos embebidos

Este paso es opcional, pero puede cambiar el dinamismo con el que puede informar los resultados de su prueba A/B. Si desea pasar cierta información a su sitio web, utilizar paneles de CX o configurar informes avanzados en una encuesta de objetivo , deberá agregar datos embebidos A tu intercept.

Los Datos embebidos son variables personalizadas que pueden nombrarse y configurarse con cualquier valor que desee. A los efectos de las pruebas A/B, eso significa que puede rastrear información relacionada con el tratamiento o la versión de un diseño al que estuvo expuesto el visitante de su sitio web.

  1. En su primer conjunto de acciones, seleccione Opciones.
    Seleccionar datos embebidos de las opciones de intercept
  2. Seleccionar Datos integrados.
  3. Ponle un nombre a tu campo: algo tan simple como “Condición” funcionaría.
    Se abre una nueva ventana y se agregan elementos estáticos incrustados allí según las instrucciones.
  4. Elegir Valor estático.
  5. Dale a esta condición una etiqueta única.
    Consejo Q: Puedes simplemente numerar tus condiciones o puedes elegir nombres más descriptivos. Haga lo que crea que le beneficiará más al informar estos datos.
  6. Guarde los cambios.
  7. En el segundo conjunto de acciones, seleccione Opciones.
    Seleccionar datos embebidos desde las opciones de intercept
  8. Seleccionar Datos integrados.
  9. Utilice el exactamente lo mismo nombre del campo como Paso 3 – por ejemplo, “Condición”.
    Se abre una nueva ventana y se agregan elementos estáticos incrustados allí según las instrucciones.
  10. Elegir Valor estático.
  11. Dale a esta condición una etiqueta única. Debe ser diferente de lo que escribiste en el Paso 5.
    Ejemplo: Si su otro conjunto de acciones es “Versión 1”, este conjunto de acciones podría ser “Versión 2”.
  12. Guarde los cambios.
  13. Repita según sea necesario si tiene más conjuntos de acciones.

Una vez marcadas las diferentes condiciones, puedes crear datos embebidos adicionales que te ayudarán a generar informes sólidos sobre el rendimiento de tus creatividades. Por ejemplo, puede capturar cuánto tiempo pasó el visitante en el sitio, cuántas páginas visitó, la URL en la que se encontraba cuando vio la diseño y mucho, mucho más. Echa un vistazo a la Tipos de valores de datos integrados Sección de la Datos integrados en Información de sitios web y aplicaciones para sus opciones.

Los Datos embebidos establecen una condición, pero también los valores dinámicos descritos extrayendo datos de visitas al sitio web y demás.

Consejo Q: Recuerde que para cualquier datos embebidos adicional que capture, debe asegurarse de agregarlo a ambos conjuntos de acciones, o solo tendrá esos datos para 1 de sus condiciones. Así es como se verían los mismos datos embebidos que se muestran arriba para su segunda condición:

Se ve exactamente como los datos embebidos anteriores, excepto que el de la condición tiene un valor diferente para mostrar que es un tratamiento diferente.

Consejo Q: Una vez que elijas objetivos Para tus conjuntos de acciones, no olvides agregar los valores apropiados. cadenas de consulta. Generalmente, agregará el mismo objetivo a cada diseño, pero deberá asegurarse de que los valores en su cadena de consulta difieran cuando sea necesario.

Mostrando los objetivos completos con cadenas de consulta. Verás que el enlace es el mismo para ambos, excepto que el valor de Condición en la URL varía en 1 número para diferenciar entre 1 y 2.

Consejo Q: ¿Quieres rastrear ciertos eventos en tu sitio? Ver Seguimiento y activación de Evento.

Personalización adicional de Intercept

El rest de opciones y personalizaciones que añadas a tu intercept dependerán de las necesidades de tu programa.

Al editar una intercept, piense en cómo desea que se comporte ese punto de contacto específico hacia los visitantes del sitio web. Para obtener más orientación sobre las opciones disponibles, consulte:

  • Configuración de su Intercept:Una página introductoria que repasa información de alto nivel sobre las intercepciones y los tipos de ediciones que podrías querer realizar.
  • Edición de intercepciones:Paso a paso sobre todos los conceptos básicos para intercept la edición, desde los objetivos hasta las reglas bajo las que se muestran (lógica) y más.

recurso adicionales y opciones avanzadas:

Implementación en un sitio web

La implementación para pruebas A/B es la misma que para cualquier otro proyecto de Información sobre sitios web o aplicaciones.

Prueba y activación de intercepciones

Intentar probando la intercept en su sitio web antes de implementar cualquier cosa.

Consejo Q: Recuerde realizar la prueba en las URL correctas. Si durante la configuración del proyecto usted dijo que su intercept solo debería aparecer en “www.treadmade.com/home”, no aparecerá cuando la pruebe en otras páginas de su sitio.

Cuando haya terminado de editar sus intersecciones, publicar a ellos.

Publicación de una intercept en una prueba A/B

Cuando esté listo para que sus ediciones estén disponibles en su sitio web, activar tus intercepciones.Activación de una intercept para pruebas A/B

 

Consejo Q: De ahora en adelante, cada vez que edites las intercepciones, solo necesitarás publicar tus cambios para enviarlos a tu sitio web, porque las intercepciones ya están activadas. Para deshabilitar una o ambas intercepciones, puede desactivarlas. Ver más en Activación, publicación y gestión de intercepciones.

Obtención de código de implementación para sus desarrolladores

Consejo Q: Para más detalles, véase Código de implementación del proyecto.
  1. Encuentre el proyecto donde se encuentra su intercept de prueba A/B.
  2. Ir a Despliegue.
    Configuración y código de implementación de un proyecto de Website/App Información

Recurso para equipos de desarrollo

Disponemos de algunos recurso que pueden ayudar a su equipo de desarrollo, una vez que tengan el código:

Consejo Q: Le recomendamos utilizar un gerente de etiquetas para agilizar la implementación si ya tiene uno.

Análisis de Resultados

Cada diseño que realices vendrá con un Estadística página. Aquí, puedes tener una idea de cuántos clics e impresiones generó tu diseño durante un período de tiempo determinado e incluso comparar dos creatividades entre sí. Incluso puedes descargar estos datos a una hoja de cálculo.

Página de estadísticas de una diseño que compara el rendimiento de las dos creatividades que realizamos. El Gráfico de líneas muestra el rendimiento a lo largo del tiempo

Datos embebidos

Si agrega datos embebidos a sus intercepciones, esto abre un mundo de posibilidades en lo que respecta a los informes.

Los Datos embebidos recopilados a través de una encuesta de Qualtrics se pueden informar de la misma manera que cualquier otro dato de encuesta . Esto significa que se puede integrar en informes de encuesta y paneles de CX , y contar una historia más amplia con todos los datos recopilados en su programa.

Aquí hay algunas páginas para comenzar:

Ejemplo: Estábamos probando dos intercepciones de opinión diferentes. Estos widgets de gráfico de números Se muestra tabla combinada para comparar cuántas respuestas recopiló cada versión.

2 gráficos numéricos con diferentes datos numéricos y de cambio resaltados

Ejemplo: A widget de gráfico simple muestra una comparación del tiempo invertido en el sitio después de la exposición a una versión del diseño frente a otra.

Gráfico de líneas con 2 colores diferentes de líneas, cada uno representando una diseño diferente.

Ejemplo: A gráfico de barras comparando respuestas para cada versión del diseño.

Gráfico de barras, cada barra representa una diseño diferente.

Muchas de las páginas de este sitio han sido traducidas del inglés original utilizando la traducción automática. Aunque en Qualtrics hemos realizado nuestra diligencia debida para obtener las mejores traducciones automáticas posibles, la traducción automática nunca es perfecta. El texto original en inglés se considera la versión oficial, y cualquier discrepancia entre el inglés original y las traducciones automáticas no son legalmente vinculantes.