Experimentos A/B
Aprende a ejecutar pruebas A/B y multivariantes: variantes con URL dividida, variantes mediante código y CSS, objetivos de conversión y cómo leer los resultados.
Los experimentos te permiten mostrar diferentes versiones de una página a distintos visitantes y medir cuál convierte mejor. El tráfico se divide mediante el widget que ya instalaste, por lo que una prueba simple no necesita código en absoluto.
Crear un experimento
- Ve a Experiments en el dashboard y haz clic en New experiment
- Asígnale un nombre y un key — el key es lo que referencias en el código, y no puede cambiarse más tarde
- Configura Target pages — un patrón por línea, p. ej.
\/pricing o \/landing\/*. Déjalo vacío para ejecutar en todas partes
- Elige un conversion goal (ver abajo)
- Define tus variants y cómo se divide el tráfico entre ellas — los porcentajes deben sumar 100%
- Guarda, luego pulsa Start experiment cuando estés listo para recoger datos
Los experimentos comienzan como borrador y no recogen nada hasta que los inicias. Disponible en el plan Unlimited.
Objetivos de conversión
Un objetivo es lo que un visitante debe hacer para contarse como convertido. Hay dos tipos:
- Custom event — se dispara cuando se registra un evento con ese nombre. O llama a
Announcer.track('signup_completed') en tu código, o configura un rastreador de clics sin código en Settings › Events y usa su nombre aquí
- Page visit — el visitante llega a una página que coincide, p. ej.
\/thank-you
Cada visitante convierte como máximo una vez por experimento, así que tu tasa de conversión es el porcentaje de personas que convirtieron, no el número de veces que se disparó el objetivo.
Pruebas de URL dividida (sin código)
La prueba más simple: dos URLs, sin cambios de código. Dale a cada variante una redirect URL y el widget envía a los visitantes a la correcta automáticamente.
- Two separate pages — establece la página objetivo en
\/pricing, deja vacía la redirección del control (la página en sí es el control) y apunta la variante B a \/pricing-b
- One page, a query parameter — si ambas versiones viven en la misma página, da al control
\/pricing?v=a y a la variante B \/pricing?v=b, luego renderiza según el parámetro
Los parámetros de consulta existentes, como las etiquetas UTM, se conservan al cruzar la redirección, y los visitantes que aterrizan directamente en una URL de variante siguen en la variante que se les asignó, por lo que la división se mantiene limpia.
Variantes con código y CSS
Para variar una página en su lugar, el widget te ofrece tres opciones. Todas se muestran con tu key real de experimento y variante en la página de resultados del experimento.
JavaScript:
Announcer.ready(function () {
if (Announcer.experiment('new-pricing') === 'b') {
\/\/ show variant B
}
});
CSS — el widget añade la variante asignada en la etiqueta <html>, así que una prueba puede ser puramente CSS:
html[data-announcer-exp-new-pricing="b"] .old-headline { display: none; }
Event — para frameworks que renderizan el contenido con retraso, escucha el evento announcer:experiments en document, que lleva todos los experimentos activos y la variante asignada a cada uno.
Cómo se asignan los visitantes
- Assignment is sticky — un visitante mantiene la misma variante en cada visita, incluidos los visitantes anónimos
- Cambiar la división del tráfico a mitad de prueba no mueve a nadie que ya haya visto el experimento
- Un visitante solo cuenta una vez que realmente vio el experimento en una página objetivo, así que las personas que nunca llegaron a la prueba no diluyen tus resultados
Cómo leer los resultados
Abre un experimento para ver, por variante:
- Visitors and conversions
- Conversion rate, con una barra para comparar rápidamente
- Uplift frente al control
- Confidence — qué tan seguros estamos de que la diferencia es real y no ruido. 95% o más se marca como Significant
Por debajo de unas pocas centenas de visitantes por variante, los resultados suelen ser ruido — la página te dirá cuando aún no hay suficientes datos. Resiste la tentación de declarar un ganador demasiado pronto.
Pausar y finalizar
- Pause detiene la división; los visitantes vuelven a ver la página de control tal como está
- Resume retoma donde lo dejaste, manteniendo las asignaciones y los datos existentes
- Complete termina la prueba y te permite marcar una variante ganadora, conservando los resultados como referencia
Después de completar una prueba, integra el ganador en tu página de forma definitiva y elimina la redirección del experimento, para que los visitantes dejen de ser redirigidos a través de ella.
\/pricing o \/landing\/*. Déjalo vacío para ejecutar en todas partes
- Elige un conversion goal (ver abajo)
- Define tus variants y cómo se divide el tráfico entre ellas — los porcentajes deben sumar 100%
- Guarda, luego pulsa Start experiment cuando estés listo para recoger datos
Los experimentos comienzan como borrador y no recogen nada hasta que los inicias. Disponible en el plan Unlimited.
Objetivos de conversión
Un objetivo es lo que un visitante debe hacer para contarse como convertido. Hay dos tipos:
- Custom event — se dispara cuando se registra un evento con ese nombre. O llama a
Announcer.track('signup_completed') en tu código, o configura un rastreador de clics sin código en Settings › Events y usa su nombre aquí
- Page visit — el visitante llega a una página que coincide, p. ej.
\/thank-you
Cada visitante convierte como máximo una vez por experimento, así que tu tasa de conversión es el porcentaje de personas que convirtieron, no el número de veces que se disparó el objetivo.
Pruebas de URL dividida (sin código)
La prueba más simple: dos URLs, sin cambios de código. Dale a cada variante una redirect URL y el widget envía a los visitantes a la correcta automáticamente.
- Two separate pages — establece la página objetivo en
\/pricing, deja vacía la redirección del control (la página en sí es el control) y apunta la variante B a \/pricing-b
- One page, a query parameter — si ambas versiones viven en la misma página, da al control
\/pricing?v=a y a la variante B \/pricing?v=b, luego renderiza según el parámetro
Los parámetros de consulta existentes, como las etiquetas UTM, se conservan al cruzar la redirección, y los visitantes que aterrizan directamente en una URL de variante siguen en la variante que se les asignó, por lo que la división se mantiene limpia.
Variantes con código y CSS
Para variar una página en su lugar, el widget te ofrece tres opciones. Todas se muestran con tu key real de experimento y variante en la página de resultados del experimento.
JavaScript:
Announcer.ready(function () {
if (Announcer.experiment('new-pricing') === 'b') {
\/\/ show variant B
}
});
CSS — el widget añade la variante asignada en la etiqueta <html>, así que una prueba puede ser puramente CSS:
html[data-announcer-exp-new-pricing="b"] .old-headline { display: none; }
Event — para frameworks que renderizan el contenido con retraso, escucha el evento announcer:experiments en document, que lleva todos los experimentos activos y la variante asignada a cada uno.
Cómo se asignan los visitantes
- Assignment is sticky — un visitante mantiene la misma variante en cada visita, incluidos los visitantes anónimos
- Cambiar la división del tráfico a mitad de prueba no mueve a nadie que ya haya visto el experimento
- Un visitante solo cuenta una vez que realmente vio el experimento en una página objetivo, así que las personas que nunca llegaron a la prueba no diluyen tus resultados
Cómo leer los resultados
Abre un experimento para ver, por variante:
- Visitors and conversions
- Conversion rate, con una barra para comparar rápidamente
- Uplift frente al control
- Confidence — qué tan seguros estamos de que la diferencia es real y no ruido. 95% o más se marca como Significant
Por debajo de unas pocas centenas de visitantes por variante, los resultados suelen ser ruido — la página te dirá cuando aún no hay suficientes datos. Resiste la tentación de declarar un ganador demasiado pronto.
Pausar y finalizar
- Pause detiene la división; los visitantes vuelven a ver la página de control tal como está
- Resume retoma donde lo dejaste, manteniendo las asignaciones y los datos existentes
- Complete termina la prueba y te permite marcar una variante ganadora, conservando los resultados como referencia
Después de completar una prueba, integra el ganador en tu página de forma definitiva y elimina la redirección del experimento, para que los visitantes dejen de ser redirigidos a través de ella.
Actualizado el 3 de septiembre de 2026