Pruebas A/B en sitio web / App Insights
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.
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:
- Diálogo de respuesta
- Botón para proporcionar una opinión
- Feedback incrustado con plantilla
- Ventana emergente arriba
- Barra de información
- Enlace embebido
- Slider
- Ventana emergente inferior
- Feedback embebido personalizado
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.
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.
- 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.
- Cree un conjunto de acciones para cada diseño que desee probar.
- 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.
- Vaya a Opciones de intercept y seleccione Conjunto de acciones aleatorias.
- 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.
- En su primer conjunto de acciones, seleccione Opciones.
- Seleccione Datos embebidos.
- Asigne un nombre al campo: funciona algo simple como “Condición”.
- Seleccione Valor estático.
- 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.
- Guarde los cambios.
- En el segundo conjunto de acciones, seleccione Opciones.
- Seleccione Datos embebidos.
- Utilice exactamente el mismo nombre de campo que el paso 3, por ejemplo, “Condition.”
- Seleccione Valor estático.
- 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”.
- Guarde los cambios.
- 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.
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:
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.
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:
- Conjuntos de acciones múltiples: lo hemos cubierto un poco en los pasos anteriores, pero esta página explica cómo crear y aprovechar al máximo varios conjuntos de acciones en su intercept.
- Datos embebidos en el sitio web/información estratégica de la aplicación:lo hemos tratado un poco en los pasos anteriores, pero esta página profundiza más en cómo se pueden utilizar los datos embebidos en los proyectos de información del sitio web/aplicación.
Consejo Q: Tenga cuidado al editar los datos embebidos preconfigurados. Si elimina o renombra campos, no capturará la información deseada.
- Opciones de intercept: Esta página repasa la configuración adicional que puede mejorar el comportamiento de su intercept. Muchos de estos ajustes gestionan la frecuencia con la que los visitantes de su sitio ven el intercept.
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.
Cuando haya terminado de editar sus intercepts, publicar ellos.
Cuando esté listo para que sus ediciones estén en vivo en su sitio web, activar sus intercepts.
Obtener código de despliegue para sus desarrolladores
Recursos para equipos de desarrollo
Tenemos algunos recursos que pueden ayudar a su equipo de desarrollo, una vez que tengan el código:
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.
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:
- Datos embebidos
- Resultados vs. Informes
- Introducción a los dashboards de CX
Consejo Q: los dashboards de CX solo están disponibles con licencias de CX. Si no tiene acceso a los dashboards de CX y está interesado en obtener más información, póngase en contacto con su Account Executive o XM Success Manager.
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.
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.
Ejemplo: un gráfico de barras que compara las respuestas de cada versión del diseño.