Pruebas A/B con Simple Analytics

Image of Iron Brands

Publicado el 6 sept 2023 y editado el 18 sept 2023 por Iron Brands

Las pruebas A/B deberían estar en la "caja de herramientas de crecimiento" de toda empresa. Comprender cómo interactúan los usuarios con las diferentes versiones del sitio web aumentará tu tasa de conversión e incrementará las inscripciones y, finalmente, las ventas.

Podría utilizar Google Analytics 4, que requiere un proceso de configuración complejo y laborioso. Existen métodos más sencillos para abordar esta cuestión.

Este artículo es un caso de uso fácil de seguir sobre cómo configurar pruebas A/B que optimizarán de forma efectiva las conversiones de sus suscripciones por Daniel Nguyen de BoltAI.

Empecemos.

  1. Hipótesis y enfoque
  2. Diseño de la prueba
  3. Ejecución y seguimiento
  4. Resultados e informes
  5. Reflexiones finales
Logo of MichelinMichelin chose Simple AnalyticsJoin them

Hipótesis y enfoque

En primer lugar, necesitas crear una hipótesis que quieras probar. En este caso, cambiar elementos como los titulares o la llamada a la acción (CTA) puede tener un impacto en las tasas de conversión.

Para comprobarlo, debe

  1. Mostrar aleatoriamente dos versiones del sitio web a distintos usuarios con una CTA o un titular diferentes.
  2. Realizar un seguimiento de la conversión de cada versión.
  3. Crear un panel de informes para comprobar el resultado.

Diseño de la prueba

Queremos mostrar a cada visitante una versión del sitio web. Una versión es el grupo de "control" o la versión ya en uso. La segunda versión cambia un único elemento.

Cómo se comportan estas versiones depende de usted.

En este ejemplo, realizaremos una prueba de titulares. Variante A (izquierda) y variante B (derecha).

website-A:B.png

Puede realizar otras pruebas para texto de llamadas a la acción, ventanas emergentes, imágenes destacadas, etc., pero el método es el mismo.

Daniel decidió almacenar estas variantes en cookies y utilizó la renderización condicional para presentar el contenido de cada versión. Es bueno señalar que esta no es la única manera de hacerlo. En Simple Analytics no utilizamos cookies. Probaríamos esto mostrando una versión diferente del sitio web cada dos días. Utilizar la versión A hoy y la versión B mañana y así sucesivamente.

Utilizó Next.js, pero también funciona para otros frameworks.

Aquí está el código:


import Cookies from 'js-cookie' import { useEffect, useState } from 'react' function Page() { &nbsp;&nbsp;const [variant, setVariant] = useState(null) &nbsp;&nbsp;useEffect(() => => { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;let cookieValue = Cookies.get('variant') &nbsp;&nbsp;&nbsp;&nbsp;if (!cookieValue) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cookieValue = Math.random() < 0.5 ? 'a' : 'b' &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Cookies.set('variant', cookieValue, {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;expires: 30, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;setVariant(cookieValue) &nbsp;&nbsp;}, []) &nbsp;&nbsp;return ( &nbsp;&nbsp;&nbsp;&nbsp;<h1> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{variant === 'a' && <span>Titular actual</span>} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{variant === 'b' && <span>Nuevo titular</span>} &nbsp;&nbspnbsp;&nbsp;&nbsp;&nbsp;&nbsp;{variant === null && <span>&nbsp;</span>} &nbsp;&nbsp;&nbsp;&nbsp;</h1> &nbsp;&nbsp;) }

Ejecución y seguimiento

Ahora, tenemos la variante almacenada en una cookie. Necesitamos rastrear el evento de conversión de cada versión.

El seguimiento de estos eventos de conversión con Simple Analytics es, bueno, simple. Para BoltAI, Daniel quería rastrear el número de descargas.

Aquí está el código utilizado para crear el evento:


function Hero() { &nbsp;&nbsp;const handleBeforeDownload = () => { &nbsp;&nbsp;&nbsp;&nbsp;const variant = Cookies.get('variant') || null &nbsp;&nbsp;&nbsp;&nbsp;if (variant) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.sa_event && window.sa_event('click_download', { variant }) &nbsp;&nbsp;&nbsp;&nbsp;} else { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.sa_event && window.sa_event('click_download') &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<Button onClick={handleBeforeDownload}>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span className="mx-2">Descargar</span> &nbsp;&nbsp;&nbsp;&nbsp;</Button> &nbsp;&nbsp;) }

Resultados e informes

En el panel del sitio web de Simple Analytics, abra la pestaña "Objetivos" y haga clic en "Añadir objetivo".

  • Elige el nombre del evento de conversión. En este caso es "click_download
  • Asegúrese de filtrar las visitas únicas & con la variante correcta
  • Establece un nombre.

ezgif.com-webp-to-jpg (1).jpg

Ahora, podemos ver las estadísticas de conversión directamente en su dashboard para revisar los resultados del test A/B.

A/B Test Goals

Reflexiones finales

Las pruebas A/B pueden ser muy útiles para hacer crecer su negocio mediante la optimización de su tasa de conversión. No tiene por qué ser complicado. Como se muestra en este caso, es relativamente fácil de configurar una prueba A / B. No requiere una herramienta compleja como Google Analytics 4.

Simple Analytics es una herramienta intuitiva. Lleva menos tiempo configurarla, es fácil de usar, respeta la privacidad del usuario y proporciona información en tiempo real.

No dudes en probarla y comprobarlo por ti mismo.

GA4 es complejo. Prueba Simple Analytics

GA4 es como estar en la cabina de un avión sin licencia de piloto

Iniciar prueba de 14 días