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

Pruebas A/B en sitio web / App Insights


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 pruebas A/B en el sitio web / App Insights

Prueba A/B es un formato de investigación clásico utilizado en todas las disciplinas. En este método de ensayo se compara una condición de control con una condición en la que se aplica un tratamiento, de modo que puede analizar si existe una diferencia significativa entre el comportamiento de los encuestados en el tratamiento frente al valor basal del control. A/B Testing puede ser útil en el desarrollo web porque le permite comparar 2 versiones de un diseño o anuncio para determinar cuál es el preferido por sus clientes.

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

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

Establecer los diseños que se están probando

Los diseños son el elemento visual de un proyecto de información de sitio web/aplicación. El primer paso en los diseños de prueba A/B es, por supuesto, hacer los diseños que desea probar.

Ya sea que esté probando diferentes anuncios, banners o contenido incrustado, puede probar A/B sobre cualquier diseño. Para ayudarle a empezar, aquí tiene una lista de todos los diseños que puede crear en Qualtrics:

Consejo Q: Asegúrese de crear un diseño independiente para cada versión que desee probar. Por ejemplo, si quieres probar si tu nuevo anuncio obtiene más clics cuando está en blanco y negro frente a color, deberías crear 2 diseños.
Consejo Q: Por lo general, probará 2 o más del mismo tipo de diseño. Pero no hay reglas absolutas; por ejemplo, es posible que esté intentando medir si un banner o un diálogo que aparece sobre la pantalla recibe más tracción con los visitantes del sitio.
Consejo Q: Los diseños e intercepts que cree para las pruebas A/B deben estar dentro del mismo proyecto.

Diseños de publicación

Una vez que haya terminado, asegúrese de publicar sus diseños para que sean enviados al código en vivo. Solo los cambios que se publican se mostrarán en su sitio web una vez que haya colocado el código en su sitio web.

Si está editando un diseño, haga que el código se implemente en su sitio web y no desee enviar sus ediciones en vivo a los visitantes del sitio web, haga clic en Guardar en su lugar.

Publicación de un diseño para su uso en pruebas A/B

Configuración de intercepts

Una vez elaborados los diseños, es el momento de pasar a los intercepts. Los intercepts son las reglas que rigen cuándo y cómo se muestran sus diseños en su sitio web.

Cada intercept se compone de al menos 1 conjunto de acciones. Un conjunto de acciones determina lo que sucede en su sitio web cuando se cumplen determinadas condiciones. Cuando configura varios conjuntos de acciones, puede empezar a hacer cosas más complejas, como presentar un diseño completamente diferente para diferentes conjuntos de visitantes de la página web.

  1. Crear un intercept.
    Consejo Q: Para los usuarios en el flujo antiguo, consulte estos pasos. Para los usuarios en el nuevo flujo, consulte estos pasos.
  2. Cree un conjunto de acciones para cada diseño que desee probar.
    Un intercept con dos conjuntos de acciones. Puede ver dos diseños diferentes pero similares cargados en cada uno
  3. Añada la lógica, según sea necesario. Para la lógica que se debe aplicar a ambos diseños, utilice la lógica de objetivo de intercepción. Si es específico del diseño, utilice la lógica de conjunto de acciones.
    Ejemplo: Independientemente de qué subconjunto aleatorio vea mi banner, solo quiero que aparezca en mis páginas de soporte técnico. Especifico que la URL debe contener “/support/” en la lógica de intercept.
  4. Vaya a Opciones de intercept y seleccione Conjunto de acciones aleatorias.
    Aleatorizar conjuntos de acciones y mostrar la configuración de tasa de muestra indicada en las opciones de intercept
  5. Asegúrese de que la tasa de muestra de visualización sea del 100%.

Datos embebidos

Este paso es opcional, pero puede cambiar la forma en que puede informar dinámicamente sobre los resultados de su test A/B. Si desea transferir cierta información a su sitio web, utilizar dashboards de CX o configurar informes avanzados en una encuesta de destino, querrá añadir datos embebidos a su intercept.

Los datos embebidos son variables personalizadas que se pueden nombrar y establecer iguales a cualquier valor que desee. A los efectos de las pruebas A/B, significa que puede realizar un seguimiento de la información relacionada con el tratamiento o la versión de un diseño al que ha estado expuesto su visitante de la página web.

  1. En su primer conjunto de acciones, seleccione Opciones.
    Seleccionar datos embebidos de las opciones de intercept
  2. Seleccione Datos embebidos.
  3. Asigne un nombre al campo: funciona algo simple como “Condición”.
    Se abre una ventana nueva, se añade una estática incrustada allí según las indicaciones
  4. Seleccione Valor estático.
  5. Asigne a esta condición una etiqueta única.
    Consejo Q: Solo puede numerar sus condiciones o puede elegir nombres más descriptivos. Lo que sea que piense que le beneficiará más a la hora de notificar estos datos.
  6. Guarde los cambios.
  7. En el segundo conjunto de acciones, seleccione Opciones.
    Seleccionar datos embebidos de las opciones de intercept
  8. Seleccione Datos embebidos.
  9. Utilice exactamente el mismo nombre de campo que el paso 3, por ejemplo, “Condition.”
    Se abre una ventana nueva, se añade una estática incrustada allí según las indicaciones
  10. Seleccione Valor estático.
  11. Asigne a esta condición una etiqueta única. Debe ser diferente de lo que escribió 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, puede crear datos embebidos adicionales que le ayudarán a crear informes sólidos sobre el rendimiento de sus diseños. Por ejemplo, puedes captar cuánto tiempo pasó el visitante en el sitio, cuántas páginas visitaron, la URL en la que estaban cuando vieron lo creativo, y así, tanto más. Consulte las opciones en la sección Tipos de valor de datos embebidos de Datos embebidos en Análisis de sitio web/aplicación.

Datos embebidos que establecen una condición, pero también los valores dinámicos descritos al extraer datos de visita del sitio web y tales

Consejo Q: Recuerde que, para cualquier dato embebido adicional que capture, debe asegurarse de que se agreguen a ambos conjuntos de acciones, o solo tendrá esos datos para 1 de sus condiciones. Estos son los mismos datos embebidos mostrados anteriormente que serían para su segunda condición:

Se parece exactamente a los datos embebidos anteriores, excepto que el de la condición tiene un valor diferente para mostrar que se trata de un tratamiento diferente

Consejo Q: Una vez que haya seleccionado objetivos para sus conjuntos de acciones, no olvide añadir las cadenas de consulta adecuadas. Generalmente, añadirá el mismo destino a cada diseño, pero querrá asegurarse de que los valores de la cadena de consulta difieran cuando sea necesario.

Mostrando los destinos completos con cadenas de consulta. Verá 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: ¿Desea realizar un seguimiento de determinados eventos en su sitio? Consulte Seguimiento de eventos y desencadenamiento.

Personalización de intercept adicional

El resto de las opciones y la personalización que añada a su intercept dependerán de las necesidades de su programa.

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

  • Configuración de su intercept: una página introductoria que repasa la información de nivel superior sobre intercepts y los tipos de ediciones que puede que desee realizar.
  • Edición de intercepts: Paso a paso en todos los conceptos básicos para interceptar la edición, desde los destinos, hasta las reglas en las que se muestran (lógica), y más.

Recursos adicionales y opciones avanzadas:

Despliegue en un sitio web

La implementación para las pruebas A/B es la misma que para cualquier otro proyecto de sitio web/App Insights.

Probar y activar intercepts

Pruebe el intercept en su sitio web antes de implementar nada.

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

Cuando haya terminado de editar sus intercepts, publicar ellos.

Publicar un intercept en test A/B

Cuando esté listo para que sus ediciones estén en vivo en su sitio web, activar sus intercepts.Activar un intercept para test A/B

 

Consejo Q: En cualquier momento en que edite los intercepts, solo tendrá que publicar sus cambios para enviar esos cambios a su sitio web, porque los intercepts ya están activados. Para desactivar 1 intercepts o ambos, puede desactivarlos. Consulte más información sobre Activación, publicación y gestión de intercepts.

Obtener código de despliegue para sus desarrolladores

Consejo Q: Para obtener más detalles, consulte Código de implementación de proyecto.
  1. Encuentre el proyecto donde vive su intercept A/B que prueba.
  2. Vaya a Despliegue.
    Configuración y código de implementación de un proyecto de sitio web/App Insights

Recursos para equipos de desarrollo

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

Consejo Q: Recomendamos utilizar un administrador de etiquetas para acelerar la implementación si ya tiene una.

Analizar resultados

Cada diseño que hayas creado vendrá con una página de Estadísticas. Aquí, puede hacerse una idea de cuántos clics e impresiones generó su diseño durante un período de tiempo determinado, e incluso comparar 2 diseños entre sí. Incluso puede descargar estos datos a una hoja de cálculo.

Página de estadísticas de un creativo comparando el desempeño de los dos creativos que hicimos. El gráfico de líneas muestra el rendimiento a lo largo del tiempo

Datos embebidos

Si ha añadido datos embebidos a sus intercepts, se abre un mundo de posibilidades con respecto a la gestión de informes.

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

Estas son algunas páginas para comenzar:

Ejemplo: Estábamos probando 2 intercepts de opinión diferentes. Estos widgets de gráfico numérico mostrados uno al lado del otro comparan cuántas respuestas ha recopilado cada versión.

2 gráficos de números con diferentes números y datos de modificación resaltados

Ejemplo: Un simple widget de gráfico que muestra la comparación del tiempo dedicado al sitio después de exponerse a 1 versión del diseño frente a otra.

Gráfico de líneas con 2 colores diferentes de líneas, cada uno representativo de un diseño diferente

Ejemplo: un gráfico de barras que compara las respuestas de cada versión del diseño.

Gráfico de barras, cada barra representa un 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.